切换菜单与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>

和想的是，当点击与类“切换”的一个为UL将被切换。我与基本jQuery的东西还算过得去，但没有真正的知道从哪里开始与这一个！实现相同结果的任何其他方法将是受欢迎的太

Answer 1

使用该标记，这将工作：

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

Answer 2

检查出jQuery的切换功能，   http://docs.jquery.com/Effects/toggle