我不确定实现侧面导航菜单的最佳选择,它最多有 4 个嵌套的 UL。我遇到的最大问题是一些需要扩展以显示子元素的标题也链接到各个页面。
我认为最好的方法是默认不链接到那个单独的页面,而是在它旁边有一个链接到那个页面的图标。我在这里遇到的问题是手风琴在导航和选择活动项目时似乎不喜欢这样。
我已经对 jQuery Tree 导航菜单进行了一些研究,但我不确定:
1) 它们的可定制性如何,
2) 我可以让标题显示子项并以某种方式转到单个页面。
请问这里对我来说最好的选择是什么?哦,解决方案只需要基于 HTML / CSS / jQuery,谢谢。
HTML(减少,总共大约有 100 个链接):
<ul class="menu">
<li class="menu_level_1"><a href="/" >Home</a></li>
<li class="menu_level_1"><a href="/link2" >Link 2</a></li>
<li class="menu_level_1">
<a href="#" >Link 3</a>
<ul class="sub_menu_2">
<li class="menu_level_2"><a href="/link4" >Link 4</a></li>
<li class="menu_level_2"><a href="/link5" >Link 5</a></li>
<li class="menu_level_2">
<a href="#" >Link 6</a>
<a href="/link6" >Go to Link 6</a>
<ul class="sub_menu_3">
<li class="menu_level_3"><a href="/link7" >Link 7</a></li>
</ul>
</li>
</ul>
</li>
</ul>