jquery - ul タグの下のリストの表示と非表示

Question

secondleveljQuery を使用して、トップレベル リンクをクリックしたときにクラスを持つすべての要素を非表示/表示 (トグル) するにはどうすればよいですか?

<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>