layui垂直菜单如何实现点击菜单后其他菜单折叠?

发布网友发布时间：2022-04-24 05:26

共1个回答

热心网友时间：2022-04-07 08:57

layUI本身不提供手风琴效果的垂直菜单不过你可以自己用JavaScript或者jQuery进行修改；
监听导航li的点击事件，触发点击事件的时候给当前li 添加类名 layui-nav-itemed 并且给li的兄弟元素li清除类名 layui-nav-itemed
用jq的话写法如下
$('.layui-nav-tree').on('click','li',function(){
this.addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed')
})

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com