После JS не работает CSS

345

15 июля 2018, 00:40

Столкнулся с такой вот проблемой. В скрытом блоке содержаться Slick-slider, после того, как блок активирую, изображения появляются в миниатюрном виде

Если пролистать slider все опять стает как нужно.

Код самый простой

$('.description').click(function () {
    $('#content-1').show()
});

Без JQuery все работает нормально. Что бы это могло быть?? Заранее спасибо!

Answer 1

вероятно как обычно - из-за скрытности при загрузке страницы, слайдер плохо инициализируется. Попробуйте вместо display:none поиграть с другими способами скрытия (opacity:0 / visibility:hidden / margin-top:-100% ) и overflow:hidden . Т.е. чтобы слайдер как бы был на странице, но невидим.