jquery - 使用 jquery 隐藏(切换)嵌套列表

Question

如何使用 JQuery 对以下 HTML 执行以下操作:

我想在点击 1 后隐藏/切换 1.1, 1.2 ，同样 我想在点击 2 后隐藏/切换 2.1, 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/