Question

树形菜单/导航 高亮

跪求解决方案，这是个网上的模板，样式已经写好的，只是JS搞不定。希望在点选菜单后选中项可以保持高亮显示，同时如果点选了二级菜单的话对应的一级菜单可以保持open状态同时加上高亮。
<ul class="menu">

<li>
<a href="#">
<i class="fa fa-tachometer"></i> 没有下拉的一级菜单
<span class="badge badge-red">1</span>
</a>
</li>

<li class="dropdown open active"> <!--********** 一级菜单用"open"、"active"两个控制高亮 **********-->
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-list"></i> 有下拉的一级菜单1 <b class="fa fa-plus dropdown-plus"></b>
</a>
<ul class="dropdown-menu">
<li class="active"> <!--********** 二级菜单用"active"控制高亮 **********-->
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
<li>
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
<li>
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
</ul>
</li>

<li class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-list"></i> 有下拉的一级菜单2 <b class="fa fa-plus dropdown-plus"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
<li>
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
<li>
<a href="#">
<i class="fa fa-caret-right"></i> 二级菜单
</a>
</li>
</ul>
</li>

</ul>

若以下回答无法解决问题，邀请你更新回答

Answer 1

jquery有个mtree插件可以轻松实现

追答