隐藏（切换）使用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