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

#jquery #slidetoggle #orbit

#jquery #slidetoggle #орбита

Вопрос:

У меня есть ползунок орбиты jQuery в РАЗДЕЛЕ, который по умолчанию скрыт (отображение:отсутствует;)

Пользователь нажимает на кнопку, чтобы развернуть РАЗДЕЛ, и после этого я вижу, что отображается только навигационная стрелка влево, остальная часть ползунка Orbit кажется невидимой.

Если я удалю display: none; в РАЗДЕЛЕ, так что поведение РАЗДЕЛА по умолчанию заключается в том, что он расширяется при первом посещении, я могу .slideToggle вверх и вниз, и ползунок Orbit отображается просто отлично. Проблемы возникают только тогда, когда он находится в РАЗДЕЛЕ с display: none; set.

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

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

Все стили орбиты используются по умолчанию. Для отображения настроен раздел.articles:нет;

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

Спасибо.

Ответ №1:

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

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

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


    });
});
  

Комментарии:

1. Спасибо за ответ, но, учитывая, что это было опубликовано так давно, я с тех пор продвинулся дальше. Flexslider теперь мой любимый слайдер jQuery. Настоятельно рекомендую это!