jQuery隐藏列表

Question

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

<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> 

依此类推。 因为我在jQuery中不太流利，所以我在这里问，希望能得到答案。

好的，我想要的是，当我点击第一个菜单（ul class="blah"）得到隐藏。

然后，点击它后再次显示。

Answer 1

我认为这是你在找什么：http://jsfiddle.net/9uvgs/

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

    }); 
}) 

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

Answer 2

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

jsFiddle。

但是，你在做什么不是有效的HTML。最佳做法是使ul的li元素的子元素，在这种情况下，你的jQuery代码是...

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