對於深和淺嵌套的UL/LI列表（JQuery），簡單的可摺疊列表函數

Question

我通過TON 糟糕的 js「解決方案」瞭解如何簡單地製作可摺疊的嵌套列表。

這就是我最終想出來的。

我在這裏發佈的希望，下一個傢伙將不必處理所有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