layui 官方文档 在 2.2.6 版本里面 已经 增加了 lay-shrink="all" ,用于开启:展开子菜单时,收缩兄弟节点已展开的子菜单。
见下图, 官网说明:https://www.layui.com/doc/base/changelog.html
html 页面 使用 :
-
<ul class="layui-nav layui-nav-tree" lay-shrink="all">
-
</ul>
实现方式二 :
html 页面 :
-
<ul class="layui-nav layui-nav-tree" lay-shrink="all">
-
<li class="layui-nav-item layui-nav-itemed">
-
...
-
</li>
-
</ul>
js:
-
$('.layui-nav-item').click(function(){
-
$(this).siblings('li').attr('class','layui-nav-item');
-
})