jquery - 垂直 Accordion 内容 slider 理想 jQuery

Question

我一直在寻找垂直 Accordion 内容 slider 。我找到了一个:http://www.marghoobsuleman.com/jQuery-common-accordion ，而且还不错。我在我的网站上实现了它http://www.pixeltrics.com/

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

有谁知道我可以尝试的另一个垂直 Accordion 插件吗？最好是 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);

    });
});