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();
})
})
})
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:jquery的三级菜单-创新互联
当前地址:http://pwwzsj.com/article/hhsps.html