jquery的三级菜单
专注于为中小企业提供成都网站设计、网站制作、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业昌江黎族免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
*,body,ul,li,h2,h3{
margin:0;
padding:0;
list-style:none;
}
body{
font:12px "宋体";
}
.tree_box{
margin: 5px 0;
width: 100px;
overflow: hidden;
}
.tree_box h4,.tree_one h5,.tree_two li{
cursor: pointer;
}
.tree_one,.tree_two{
display: none;
margin: 0 0 0 10px;
overflow: hidden;
}
.tree_one li{
margin: 5px 0;
}
我是一级菜单
我是二级菜单
我是二级菜单
我是二级菜单
- 我是三级菜单
- 我是三级菜单
- 我是三级菜单
我是一级菜单
我是二级菜单
- 我是三级菜单
- 我是三级菜单
- 我是三级菜单
我是二级菜单
- 我是三级菜单
- 我是三级菜单
- 我是三级菜单
我是一级菜单
我是二级菜单
- 我是三级菜单
- 我是三级菜单
- 我是三级菜单
$(function three_level_menu(){
var h4 = $(".tree_box").find("h4");
var tree_one = $(".tree_box").find(".tree_one");
var h5 = $(".tree_one").find("h5");
var tree_two = $(".tree_one").find(".tree_two");
h4.each(function(){
$(this).click(function(){
$(this).next().slideToggle();
})
})
h5.each(function(i){
$(this).click(function(){
$(this).next().slideToggle();
})
})
})
分享名称:jquery的三级菜单
文章位置:http://ybzwz.com/article/gshigd.html