使用jquery,复制wikipedia菜单(带箭头)的最简单方法是什么

使用jquery,复制wikipedia菜单(带箭头)的最简单方法是什么,jquery,navigation,wikipedia,Jquery,Navigation,Wikipedia,我想复制菜单 是否存在任何jquery插件来进行扩展和折叠,或者我必须从头开始编写它 特别是,我希望显示右箭头和下箭头,以指示这是一个可单击的菜单 $('selector').slideToggle('fast'); 有关更多信息,请参阅jQuery的文档: 试试这个: <div class="title">Title</div> <div> <ul> <li>Item 1</li>

我想复制菜单

是否存在任何jquery插件来进行扩展和折叠,或者我必须从头开始编写它

特别是,我希望显示右箭头和下箭头,以指示这是一个可单击的菜单

$('selector').slideToggle('fast');
有关更多信息,请参阅jQuery的文档:

试试这个:

<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>
以及您的jQuery:

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

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

谢谢。我怎样才能得到维基百科上的右箭头和下箭头,这样你就可以点击链接了。你可以在divs上使用一个背景图像,使用“title”类,然后使用padding left:10px左右将文本推离图像,这样文本就不会位于图像上方。然后可以使用jQuery的“toggleClass”方法添加/删除“selected”类。选定的类可以覆盖标题的背景图像,并显示不同的图像。如果你想举个例子,请告诉我。
$('.title').live('click', function ()
{
    $(this).toggleClass('selected');
    $(this).next().slideToggle('fast');
});