disable menu collapse/expand function and make a menu item a static, unclickable text
In my side menu, I have this structure:
Home Discussion |- 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
- “Discussion” appears just as a static header text, and unclickable at all (even no hover color change effect)
- The subitems Topic 1..N is always displayed
- When user click “Discussion”, it won’t collapse the Topics 1..N items.
Any advise on how to do it?