[jQuery] Treeview - Set branch to remain permanently open
Hello Joern and group members,
I am using the TreeView plugin and have come across a situation where
I need to set one of the top level branches to remain open.
Using the example below, if I remove the span tag from my "To Always
Remain Open" list item, it removes the ability to 'click/trigger' the
expand/collapse event. The issue I am having is that the TreeView
plugin is still assigning a 'collapsible' class to the <li> tag, so
when I click on the "Can Open or Close" list item, then it opens and
in turn closes my "To Always Remain Open" item.
Is there a way for instance for me to modify the script to 'NOT' add
the collapsible class to list items that have the 'open' class applied
to them?
<ul id="menu_treeview" class="filetree treeview">
<li class="open collapsable">To Always Remain Open
<ul>
<li><a class="" href="mypage1.html">Always Visible Link
1</a></li>
<li class="last"><a class="" href="mypage2.html">Always
Visible Link 2</a></li>
</ul>
</li>
<li class="expandable"><span class="heading">Can Open or Close</
span>
<ul>
<li><a class="" href="mypage3.html">child link 1</a></
li>
<li class="last"><a class="" href="mypage4.html">child
link 2</a></li>
</ul>
</li>
</ul>
I know I can simply build my own items outside of the treeview UL, but
my menu is being created dynamically through a back end menu builder.
I have a flag they can set called "always expanded" that I am trying
to integrate with this.
Any help is much appreciated.