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

Question

secondlevel单击顶层链接后，如何使用 jQuery 隐藏/显示（切换）所有带有类的元素？

<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;
});