列表菜單中的jquery列表

Question

所以我想建立一個未排序的列表和另一個未排序的列表，因此有一個基本的菜單功能。

我基本上需要知道如何讓jquery訪問元素，所以當一個主級別的項目被點擊時，它的子項會顯示出來。

因此，例如：

<ul class="category-links"> 
<li> 
     <span>Category 1</span>    
     <ul class="sub-category-links"> 
      <li>Sub-category 1</li> 
      <li>Sub-category 2</li> 
      <li>Sub-category 3</li> 
     </ul> 
    </li> 
</ul> 

我可能有其中幾個。本質上，我設置子類別顯示：無，我希望Jquery允許當我點擊「分類鏈接」，只顯示其子項。

謝謝！

Answer 1

你可以做這樣的事情：

$('.category-links li').click(function(){ 
    $(this).find('.sub-category-links').show(); 
});