Вертикальный аккордеонный слайдер контента в идеале 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 для изображений и аккордеона, который я назвал Slidorion.он сочетает в себе слайдер изображений и гармошку, поэтому может быть то, что вы ищете.Проверьте это ...

http://www.slidorion.com

Answer 3

Есть пользовательский интерфейс JQuery, который является почти братом JQuery, и у него есть много полезных виджетов, включая гармошку:

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