Как корректно реализовать аккордеон со слайдерами?

Question

[Алекс]

Имеется аккордион и в нем slick слайдер. Первый элемент раскрыт при загрузке, остальные скрыты. При клике на какой-либо из других элементов, текущий должен сворачиваться, а новых разворачиваться. Но получается так что в самом начале слайдер вроде бы инициализируется, но так как блок скрыт, при развороте блока, слайдер перекашивает, так как у него ни ширины и ни сдвига, ни чего либо другого, а инициализировать при раскрытии если, то все резко дергается.

Код можно посмотреть здесь

Каким образом можно это побороть, есть ли варианты боле менее адекватные?

Comments

[Дмитрий]

Добрый вечер.
Скрытые слайдеры у Вас не иницилизированы.
После клика на нужной вкладке аккордеона необходима заново инициализировать слайдер.
Посмотрите в документации к slick слайдеру, как это сделать.

[Алекс]

slo_nik, как я описал выше, если открывать вкладку и в это время инициализировать, в первое открытие вкладки все это резко дергается и не открывается плавно, просто появляется можно сказать. во второй раз когда открываешь ту же вкладку то все ок, он уже был инициализирован в прошлый раз и открывается хорошо