jQuery树型多级手风琴菜单代码

jQuery树型多级手风琴菜单代码

这一款jQuery多级折叠手风琴菜单特效代码，通常用于网站后台管理系统左侧菜单，切换效果平滑好看。

1. js代码
   
2. 
   
3. <script src="js/easing.js"></script>
   
4. <script>
   
5. //等待dom元素加载完毕.
   
6. $(function(){
   
7.         $(".treebox .level1>a").click(function(){
   
8.                 $(this).addClass('current')   //给当前元素添加"current"样式
   
9.                 .find('i').addClass('down')   //小箭头向下样式
   
10.                 .parent().next().slideDown('slow','easeOutQuad')  //下一个元素显示
    
11.                 .parent().siblings().children('a').removeClass('current')//父元素的兄弟元素的子元素去除"current"样式
    
12.                 .find('i').removeClass('down').parent().next().slideUp('slow','easeOutQuad');//隐藏
    
13.                  return false; //阻止默认时间
    
14.         });
    
15. })
    
16. </script>

复制代码