垂直手风琴内容滑块理想 jQuery

Question

我一直在寻找垂直手风琴内容滑块一段时间。我找到了一个： http://www.marghoobsuleman.com/jQuery-common-accordion，而且非常好。我在我的网站 http://www.pixeltrics.com/ 上实现了它

，但有一些事情我不满意。这不是很流畅，即使我将自动延迟时间设置为 4 秒，似乎第一张幻灯片需要更长的时间才能切换到第二张，然后它们开始像每秒一样切换。所以有些事情不太对劲。

有谁知道我可以尝试的另一个垂直手风琴插件？最好是 jQuery 的。

谢谢。

Answer 1

如果单独使用 jQuery 就足够简单了，为什么还要使用插件呢？示例...

HTML

<div class="wrap">
    <div class="heading">Heading</div>
    <div class="body">Body</div>
</div>
<div class="wrap">
    <div class="heading">Heading</div>
    <div class="body">Body</div>
</div>
<div class="wrap">
    <div class="heading">Heading</div>
    <div class="body">Body</div>
</div>

jQuery

$(function() {

    $('.body').hide();              

    $('.heading').hover(function() {

        $(this).next('.body').stop().slideToggle(500);
        $(this).parent().siblings('.wrap').children('.body').stop().slideUp(500);

    }, function() {

        $(this).next('.body').stop().slideToggle(500);

    });
});

Answer 2

JQuery UI 几乎是 JQuery 的兄弟，它有很多有用的小部件，包括手风琴：

http:// /jqueryui.com/demos/accordion/

Answer 3

我开发了一个非常酷的图像和手风琴 jQuery 插件，名为 Slidorion。它结合了图像滑块和手风琴，因此可能正是您所寻找的。看看...

http://www.slidorion.com