Вход

Просмотр полной версии : Не работают табы


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")
});