javascript - jQueryでメニューを切り替える

Question

次のような HTML があります。

<ul>
    <li><a href="#">Page 1</a></li>
    <li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
        <ul>
            <li><a href="#">Page 2-1</a></li>
            <li><a href="#">Page 2-2</a></li>
            <li><a href="#">Page 2-3</a></li>
            <li><a href="#">Page 2-4</a></li>
        </ul>
    </li>
    <li><a href="#">Page 3</a></li>
    <li><a href="#">Page 4</a></li>
    <li><a href="#">Page 5</a></li>
</ul>

そして、クラス「トグル」のaをクリックすると、ulがトグルされることを望みます。私は基本的なjQueryのことはかなり得意ですが、これをどこから始めればよいかわかりません! 同じ結果を達成する代替アプローチも歓迎されます。

Answer 1

そのマークアップを使用すると、次のように動作します。

$('.toggle').click(function(){
    $(this).siblings('ul').toggle();
});

Answer 2

jQuery トグル機能を確認してください 。http://docs.jquery.com/Effects/toggle