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