Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не работают табы (https://javascript.ru/forum/jquery/70395-ne-rabotayut-taby.html)

alekspvn 02.09.2017 12:40

Не работают табы
 
Здравствуйте. Подскажите пожалуйста, я встроил slick слайдер в табы. Когда переключашь табы должен появляться слайдер с другими изображениями. Но получается когда я переключаюсь на след таб у меня пустой контейнер и только при клике на пустое место в контейнере появляется слайдер. Почему так. Вот код https://codepen.io/anon/pen/brzOZz

рони 02.09.2017 13:31

alekspvn,
лучше убрать display: none; изначально
$(window).load -> - проинициализировать слайдер - закрыть табы кроме первого.

или
$(window).load -> -открыть все табы - проинициализировать слайдер - закрыть табы кроме первого.
и третий путь три открытии таба делать reInit слайдера (смотреть документацию что именно) или $(window).resize()

alekspvn 02.09.2017 13:51

Как их закрыть?

рони 02.09.2017 14:08

alekspvn,
найдите строку
return jQuery(activePanel).show();

замените на
return jQuery(activePanel).show(500, function() {
   jQuery('.multiple-items').slick("refresh")
});


Часовой пояс GMT +3, время: 19:57.