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

时间:2011-09-02 18:07:47

标签: jquery slider accordion

我一直在搜索垂直手风琴内容滑块。我找到了一个:http://www.marghoobsuleman.com/jQuery-common-accordion,它非常好。我是在我的网站http://www.pixeltrics.com/

上实现的

但有几件我不满意的事情。它不是很流畅,即使我将自动描述时间设置为4秒,看起来第一张幻灯片需要更长时间才能切换到秒,然后它们开始像每秒一样切换。所以有些事情是不对的。

有没有人知道我可以尝试的另一个垂直手风琴插件?理想情况下是一个jQuery。

感谢。

3 个答案:

答案 0 :(得分:4)

为什么在单独使用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);

    });
});

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

我开发了一个非常酷的图像和手风琴jQuery插件,名为Slidorion。它结合了图像滑块和手风琴,所以可能就是你想要的。看看......

http://www.slidorion.com