jquery簡單的可摺疊列表問題

Question

我想創建一個簡單的可摺疊的多層次，其中每個ul是可摺疊的。我很難判斷我做錯了什麼。 我的劇本是jsfiddle

<ul id="usernav"> 
<li>Manage 
    <ul > 
     <li >child11 
     <ul> 
      <li> some1</li> 
      <li> some2</li> 
     </ul> 
     </li> 
     <li>child12</li> 
    </ul> 
</li> 
<li>Subscriptions 
    <ul> 
     <li>E-Briefings</li> 
     <li>E-Briefings Subscriptions</li> 
     <li>Knowledge Briefings</li> 
    </ul> 
</li> 
    <li>Media Store 
    <ul> 
     <li>Image Store</li> 
     <li>Document Store</li> 
     <li>Media Store</li> 
    </ul> 
</li> 

我的劇本是

$('#usernav').find('ul').hide();  
$('li').click(function() { 
    $(this).children('ul').toggle(); 
}); 

Answer 1

當你點擊一個元素的孩子，你也可以點擊的元素。所以當你點擊一個孩子li時，事件也會觸發父母li s。使用stopPropagation()可防止事件冒泡。

http://jsfiddle.net/nrVYn/

$('#usernav').find('ul').hide(); 

$('li').click(function(e) { 
    $(this).children('ul').toggle(); 
    e.stopPropagation(); 
});