我这儿提供一个思路例子,仅是一个例子,例中给元素添加了自定义属性data-level,虽然没有使用上,但是是可以根据这个自定义属性去控制显示隐藏和确定具体层级的!
Document* {
margin: 0;
padding: 0;
}
.nodisplay {
display: none;
}
h3 {
cursor: pointer;
}
ul {
padding-left: 20px;
}
点击下面的标题可展开:
$(function() {
$("#nav_tree li h3").on("click", function(e) {
//获取点击标题的下一个元素节点
var $dom = e.target.nextElementSibling;
$($dom).toggleClass("nodisplay");
});
});
希望能给你提供一个解决问题的思路!