jQuery Orbit не работает с .slideToggle ()

Question

У меня есть слайдер jQuery Orbit внутри СЕКЦИИ, который по умолчанию скрыт (display: none;)

Пользователь нажимает кнопку, чтобы развернуть СЕКЦИЮ, и после этого я вижу, что толькоотображается стрелка влево, остальная часть ползунка «Орбита» кажется невидимой.

Если убрать дисплей: нет;на СЕКЦИИ, чтобы поведение СЕКЦИИ по умолчанию состояло в том, что оно расширяется при первом посещении, я могу .SlideToggle вверх и вниз, и ползунок Орбита отображается очень хорошо.Проблемы возникают только тогда, когда он находится в РАЗДЕЛЕ с дисплеем: нет;set.

Вот разметка: http://pastie.org/2855132

Вот jQuery: http://pastie.org/2855138

Все стили Orbit по умолчанию.Это section.articles, который установлен для отображения: нет;

Любая помощь будет принята с благодарностью.Я надеюсь, что предоставил достаточно информации.

Спасибо.

Answer 1

Попробуйте это:

    $(".banner").click(function() {
    $(this).next(".articles").slideToggle("slow", function(){

        $('#featured').orbit({
            animationSpeed: 800,
            timer: false,
            captions: false
        });


    });
});