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

Question

我研究了一大堆 糟糕的 js "solutions" 如何简单地制作可折叠的嵌套列表。

这是我最终想到的。

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

否则请随意添加您自己的！也许 jquery 免费方法，如果你能管理它？

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

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

Dead simple Collapsable List Function for deep and shallow nested UL/LI lists (JQuery)

javascript

jquery

collapsable

nested-lists

slidingmenu