在ul标签下隐藏和显示列表

Question

如何在点击顶级链接时使用jQuery隐藏/显示（切换）类secondlevel的所有元素？

<ul>
<li><a class="toplevel" href="#">Hardware</a>
<ul>
    <li><a class="secondlevel" href="#">Bottling</a></li>
    <li><a class="secondlevel" href="#">Brewing</a></li>
    <li><a class="secondlevel" href="#">Cleaning</a></li>
    <li><a class="secondlevel" href="#">Fermenting</a></li>
    <li><a class="secondlevel" href="#">Kegging</a></li>
    <li><a class="secondlevel" href="#">Measuring</a></li>
    <li><a class="secondlevel" href="#">Testing</a></li>
</ul>
</li>

Answer 1

喜欢这个？ jsFiddle

$('li ul').hide();

$('.toplevel').on('click', function() {
    $(this).siblings('ul').slideToggle();
    return false;
});