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

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

2 个答案: