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(); 
});