jQuery侧边栏可伸缩三级下拉菜单代码免费下载

这是一款常用于网站后台的jQuery侧边栏可伸缩三级下拉菜单代码,网站左侧导航分类下拉菜单特效,支持多级菜单展开收缩效果。

JS代码

<script src="js/jquery-1.10.2.js"></script> 
<script src="js/jquery.slimscroll.min.js"></script>  
<script> 
$(function(){ 
    // nav收缩展开 
     $('.navMenu li a').on('click',function(){ 
             var parent = $(this).parent().parent();//获取当前页签的父级的父级 
             var labeul =$(this).parent("li").find(">ul")      
             if ($(this).parent().hasClass('open') == false) { 
                //展开未展开 
                   parent.find('ul').slideUp(300); 
                   parent.find("li").removeClass("open") 
                   parent.find('li a').removeClass("active").find(".arrow").removeClass("open") 
                  $(this).parent("li").addClass("open").find(labeul).slideDown(300); 
                  $(this).addClass("active").find(".arrow").addClass("open") 
            }else{ 
                 $(this).parent("li").removeClass("open").find(labeul).slideUp(300); 
                  if($(this).parent().find("ul").length>0){ 
                    $(this).removeClass("active").find(".arrow").removeClass("open") 
                  }else{ 
                    $(this).addClass("active")  
                  } 
            } 
       
    }); 
}); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录