#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. Настоятельно рекомендую это!