使用jquery隐藏（切换）嵌套列表

如何使用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>

---

尝试

next

而不是

children（）

---

尝试

next

而不是

children（）

---

您的HTML无效。

ul

的唯一合法子代是

li

，AFAIK。您的HTML无效。

ul

的唯一合法子女是

li

，AFAIK。

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

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

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