列表菜单中的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>

我可能有其中的几个。基本上我将子类别设置为display：none，我希望Jquery在单击“category-links”时允许，只显示其子项。

谢谢！

Answer 1

您可以这样做：

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