jQuery隐藏列表

我再次需要你的帮助。 所以我有一个简单的列表

<ul>
 <li>First</li>
   <ul class="blah">
      <li>First a</li>
      <li>First b</li>
      <li>First c</li>
   </ul>
 <li>Second</li>
 <li>Third</li>
</ul>

首先

第一个
第一个b
第一个c

第二
第三

等等。 因为我对jQuery不是很流利，所以我在这里提问，希望得到答案

好的，我想说的是，当我首先点击菜单时（

ul class=“blah”

）会被隐藏

然后，当点击时，它再次出现

$('ul > li:first').click(function() {
   $(this).next('ul').toggle();
});

但是，您所做的不是有效的HTML。最佳实践是使

ul

成为

li

元素的子元素，在这种情况下，jQuery代码将是

$('ul > li:first').click(function() {
   $(this).children('ul').toggle();
});

---

我想这就是你想要的：

这是我用手风琴改编的代码。它使用链接作为单击元素，而不是LI。所以你可能想适应它

$(document).ready(function(){
    $('ul ul').slideUp();
    $('ul>li').click(function(){
        $(this).next('ul').slideToggle();

    });
})