簡單的多層手風琴名單與jquery

Question

我想簡化與jquery手風琴風格菜單的導航樹。藉助其他帖子的一些幫助，我覺得我缺少一些簡單的東西。什麼讓我是一個類別有第二個子列表。我無法得到它正確open.close。我在這裏的示例代碼不會展開「T1 sub b」項目。我錯過了什麼？

http://jsfiddle.net/9uvgs/203/

HTML：

<ul class='menu'> 
    <li>Tier1</li> 
    <ul> 
    <li>T1 sub a</li> 
    <li>T1 sub b</li> 
     <ul> 
      <li>T1 sub i</li> 
     </ul> 
    </ul> 
    <li>Tier 2</li> 
    <ul> 
     <li>T2 sub a</li> 
     <li>T2 sub a</li> 
     <li>T2 sub a</li> 
    </ul> 
</ul> 

Jquery的

$(document).ready(function(){ 
$('ul.menu ul').hide(); 
$('ul.menu>li').click(function(){ 
    $(this).next('ul').slideToggle(); 

}); 

}）;

Answer 1

你只應用點擊事件的ul.menu直接孩子一個簡單的解決方案將是您選擇更改爲​​，而不是ul.menu>li

$(document).ready(function(){ 
    $('ul.menu ul').hide(); 
    $('ul.menu li').click(function(){ 
     $(this).next('ul').slideToggle(); 

    }); 
}); 

Answer 2

$(document).ready(function(){ 
    $('ul.menu ul').hide(); 
    $('ul.menu li').click(function(){ 
     $(this).next('ul').slideToggle(); 

    }); 
}); 

我已經做到了這一點，它看起來像工作得很好。