1

我有一些 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 东西相当不错，但不知道从哪里开始！任何达到相同结果的替代方法也将受到欢迎。

4

2 回答 2

8

使用该标记，这将起作用：

$('.toggle').click(function(){
    $(this).siblings('ul').toggle();
});
于 2009-07-21T18:00:31.040 回答
2

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

于 2009-07-21T18:02:50.630 回答