disable menu collapse/expand function and make a menu item a static, unclickable text


In my side menu, I have this structure:

|- Topic 1
|- Topic 2
|- Topic ...
|- Topic N
About us

where Topic 1…N are sub-menu under “Discussion” and links to different pages. The item “Discussion” is just to represent the structure, it doesn’t link to any page.

Now I can make the “Discussion” not link to any page by setting empty URL. However, user can click “Discussion” to collapse/expand the Topics 1…N items under “Discussion”

What I want is to disable such collapse/expand function for “Discussion” so that

  1. “Discussion” appears just as a static header text, and unclickable at all (even no hover color change effect)
  2. The subitems Topic 1..N is always displayed
  3. When user click “Discussion”, it won’t collapse the Topics 1..N items.

Any advise on how to do it?

LazNiko 3 years 2020-03-28T12:51:03-05:00 0 Answers 195 views 0

Leave an answer