jQuery实现树形菜单
jQuery实现树形菜单
html代码：
ul, li {
margin: 0px;
padding: 0px;
}
.treeMenu {
}
ul li a {
text-decoration: none;
color: black;
}
.hidden {
display: none;
}
img {
width:20px;
height:20px;
}
树形菜单
JS代码：
方法一,需要给点击的a元素加id属性
获取当前点击的a元素的id值
var idName = $(this).attr(“id”);
对象紧跟着当前点击的a元素的ul进行类样式反转
$("#" + idName + " + ul").toggleClass(“hidden”);
方法二,需要给点击的a元素加id属性
对象紧跟着当前点击的a元素的元素进行类样式反转
$(this).next().toggleClass(“hidden”);
方法三,不需要给点击的a元素加id属性
对象紧跟着当前点击的a元素的元素进行类样式反转
效果图：
