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

并且当点击类'toggle'的a时,将切换ul.我对基本的jQuery东西相当不错,但是不知道从哪里开始这个!任何达到相同结果的替代方法也会受到欢迎.

Answer 1

使用该标记,这将工作:

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