Question

我想要复制菜单on the left hand side of wikipedia

是否有任何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中的accordion小部件并根据需要设置样式。或者你可以使用切换效果。

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

2 个答案: