列表菜单中的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(); 
});