Почему слайдер из скрытого блока работает не сразу?

Question

[pashabomber]

Добрый вечер!

miestilo.volodin-web.ru
На этой странице есть три блока со слайдерами товаров. В каждом блоке по три слайдера (над ними меню, которое показывает тот или иной слайдер при выборе одного из пунктов).
Проблема в том, что в открытых по умолчанию блоках слайдеры работают отлично. Но как только через выбор пункта меню отображается один из скрытых слайдеров, он выглядит вот так -
После нажатия на стрелку в слайдере, он начинает выглядеть нормально.

Подскажите, как решить эту проблему?

Заранее спасибо!

Answer 1

[iBird Rose]

навесь на кнопки переключения обновление слайдера

$('.index-page-menu ul li a').on('click', function() {
	$('.products-slider').slick('setPosition');
});

Comments

[pashabomber]

Не очень хорошо дружу с JS.

Слайдер инициализируется так:

$('.product-slider').slick({
});

На кнопку переключения надо добавить $('.product-slider').slick("setPosition"); ? Или я не так понял?

[iBird Rose]

pashabomber: да. на кнопки переключания.

[iBird Rose]

pashabomber: ну на те после которых у тебя слайдер ломается

[pashabomber]

iBird Rose: не помогло(

[iBird Rose]

pashabomber: на че нужно нажать у тебя в примере чтобы слайдер сломался?

[pashabomber]

iBird Rose: под заголовком "НОВИНКИ" менюшка. на любой из неактивных пунктов

[iBird Rose]

pashabomber: обновил ответ. ты так делал?

[iBird Rose]

pashabomber: и у тебя .productS-slider а не .product-slider

[pashabomber]

iBird Rose: спасибо вам огромное!!!