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