评论：jQuery后台适用扁平化伸缩导航(原创)  [查看原文]

CheckenBoy0
2018/12/7 11:15:35
确实不错

小闰土0
2018/9/14 9:03:11
右边自己写内容啊 兄dei

以小傻瓜为圆心0
2018/8/20 16:44:33
？？

有爱不离0
2018/10/8 13:58:14
它自带的样式写法不对，要用position: fixed;来自适应高度

$(function(){
   // nav收缩展开
   $('.nav-item>a').on('click',function(){ //一级条目点击事件
       if (!$('.nav').hasClass('nav-mini')) { //侧边栏没有被收起成图标状态时
          
           if ($(this).next().css('display') == "none") { //当前点击条目下的ul,如果隐藏了就显示
               $('.nav-item').children('ul').slideUp(300); //隐藏其他的ul
               $(this).next('ul').slideDown(300); //显示当前的ul。
               $(this).parent('li').addClass('nav-show').siblings('li').removeClass('nav-show');
           }else{
               $(this).next('ul').slideUp(300);//隐藏当前的ul 
               $('.nav-item.nav-show').removeClass('nav-show');
           }
       }
   });
   //nav-mini切换
   $('#mini').on('click',function(){
       if (!$('.nav').hasClass('nav-mini')) { //侧边栏没有被收起成图标状态时
           $('.nav-item.nav-show').removeClass('nav-show');
           $('.nav-item').children('ul').removeAttr('style');
           $('.nav').addClass('nav-mini'); //改变宽度
       }else{
           $('.nav').removeClass('nav-mini'); //改变宽度
       }
   });
});

其中有一个类nav-show好像没啥用处啊！删掉他也是可以的！