Javascript 列表菜单中的Jquery列表

所以我想建立一个未排序的列表，并在其中建立另一个未排序的列表，这样就有了一个基本的菜单功能

我基本上需要知道如何让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>

第一类

第1小类
次级类别2
次级类别3

我可能有几个这样的。本质上，我将子类别设置为显示：无，我希望Jquery允许当我单击“类别链接”时，只显示其子类别

---

谢谢

您可以这样做：

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