Jquery列表中的列表菜单

Jquery list within a list menu

本文关键字：列表 菜单 Jquery      更新时间：2023-09-26

所以我想建立一个未排序列表和另一个未排序列表在它里面，所以有一个基本的菜单功能。

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

我可能有几个这样的。实际上，我将子类别设置为:none，并且我希望Jquery允许当我单击"category-links"时，只显示其子类别。

谢谢!

你可以这样做:

$('.category-links li').click(function(){
  $(this).find('.sub-category-links').show();
});
相关文章：