javascript - 用于深层和浅层嵌套 UL/LI 列表的简单可折叠列表函数 (JQuery)

Question

我研究了一大堆糟糕 js“解决方案”，以了解如何简单地制作可折叠的嵌套列表。

这是我最终想到的。

我在这里发帖是希望下一个人不必处理那里的所有 rufuse。

否则请随意添加您自己的!如果你能管理的话，也许是 jquery free 方法？

• list must be in "proper" format to work

Answer 1

CSS:

ul>li>ul {
    display: none;
}

js/jquery

$('li').click(function(e){
    e.stopPropagation();
    if(this.getElementsByTagName("ul")[0].style.display =="block")
        $(this).find("ul").slideUp();
    else
        $(this).children(":first").slideDown();
});

jfiddle