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?