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

Apo*_*eed 4 javascript jquery collapsable nested-lists slidingmenu

我涉足了大量糟糕的js“解决方案”,以了解如何简单地制作可折叠的嵌套列表。

这是我最终想到的。

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

否则,请随意添加您自己的!如果您可以管理它,也许是 jquery 免费方法?

Apo*_*eed 5

css:

ul>li>ul {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

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();
});
Run Code Online (Sandbox Code Playgroud)

小提琴