使用jquery，复制维基百科菜单（带箭头）的最简单方法是什么

Question

我想复制菜单 维基百科左侧

是否存在任何 jquery 插件展开和折叠还是我必须从头开始编写它？

特别是，我希望显示向右和向下箭头以表明这是一个可单击的菜单

Answer 1

$('selector').slideToggle('fast');

有关详细信息，请参阅 jQuery 文档：http://docs.jquery.com/Main_Page

尝试一下：

<div class="title">Title</div>
<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>
<div class="title">Title</div>
<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

样式：

.title
{
    padding-left:10px;
    background-image: url("ui/right_arrow.png") no-repeat;
}
.title.selected
{
    background-image: url("ui/down_arrow.png") no-repeat;
}

还有你的 jQuery：

$('.title').live('click', function ()
{
    $(this).toggleClass('selected');
    $(this).next().slideToggle('fast');
});

Answer 2

使用 jQuery UI 中的手风琴小部件并根据需要设置其样式。或者您可以使用切换效果。