【技术】菜单及二级菜单的显示/隐藏

实例见锐意先行《手机test》中《手机test5》

1.  将需要展开显示的div写入样式{display: none;}

2.  将div最里层要展现出来的内容写入样式{display: block;}

3.  js代码如下

$(document).ready(function(){
  $("#js_nav").click(function(){

//#js_nav为按钮所在的div的id

      $("#js_meuncont").toggle();

//#js_meuncont为一级菜单所在的div的id

  });

//以上为一级菜单

    $('#js_nav_ul li a').click(function(){

//#js_nav_ul li a 是一级菜单中可以展开二级菜单的地方

        $(this).next('.sub_nav_ul').slideToggle();

//.sub_nav_ul是二级菜单最外面一层的class名称

//next（）：查找每个段落的下一个同胞元素

//slideToggle（）通过使用滑动效果，在显示和隐藏状态之间切换 .sub_nav_ul
    });

//以上为二级菜单
});