jQuery左侧导航，三级菜单(原创)

亡枪0
2020/11/19 19:34:42
动态数据赋值进去之后不能显示，强制设置高度之后能够显示 ，但是不能展开菜单了

好像有个小小的不足，点击“系统设置”，再点击“二级菜单22”，接着点击“一乐拉面”，发现“二级菜单22”的子菜单会收缩起来但其本身仍为“被选中”时的样式。
我的改法是：给“一乐拉面”这样的一级菜单项单独添加一个 class 样式：

<li class="lsm-sidebar-item-alone"><a href="javascript:;"><span>一乐拉面</span></a></li>

再在 left-side-menu.js 文件中，加一个判断，判断被选中的是否是“一级菜单项”，如果是，则将其同胞的“一级菜单项”移除“lsm-sidebar-show”类，解除它们的选中态：

if (!$('.left-side-menu').hasClass('lsm-mini')) {
           $(this).parent("li").siblings("li.lsm-sidebar-item").children('ul').slideUp(200);

           if ($(this).next().css('display') == "none") {
               //展开未展开
               $(this).next('ul').slideDown(200);
               $(this).parent('li').addClass('lsm-sidebar-show').siblings('li').removeClass('lsm-sidebar-show');
           } else {
               //收缩已展开
               $(this).next('ul').slideUp(200);
               $(this).parent('li').removeClass('lsm-sidebar-show');

               // 这个是加上去的判断
               if ($(this).parent('li').attr("class") === "lsm-sidebar-item-alone") {
                   $(this).parent('li').siblings('li.lsm-sidebar-item').removeClass('lsm-sidebar-show');
               }
           }
       }

最后我想说，这个菜单很给力！！感谢分享????