隱藏（切換）使用jQuery

Question

我如何使用jQuery做下面的HTML以下嵌套表：

我想隱藏/切換1.1, 1.2點擊1後，同樣 我想隱藏/切換2.1, 2.2點擊2後。

<ul> 
<li> 1 </li> 
    <ul> 
    <li> 1.1 </li> 
    <li> 1.2 </li> 
    </ul> 
<li> 2 </li> 
    <ul> 
    <li> 2.1 </li> 
    <li> 2.2 </li> 
    </ul> 
</ul> 

我還沒有成功與以下？

$("li").click(function() { 
     $(this).children("ul").hide(); 
    }); 

Answer 1

$('li').click(function() { 
    $(this).next('ul').toggle(); 
});​ 

http://jsfiddle.net/sdbU3/1/

Answer 2

嘗試next而不是children()

$('li').click(function() { 
    $(this).next('ul').toggle(); 
});​ 

Demo Here