Слайдер построить и уничтожить слайдер, когда мой элемент виден - PullRequest
Новая
       22

Слайдер построить и уничтожить слайдер, когда мой элемент виден

0 голосов
/ 03 ноября 2019

есть проблема. Когда мой элемент .bus-information-wrapper виден, я могу создать свой скользкий слайдер внутри. И при закрытии этого элемента я могу уничтожить скользкий слайдер. 

$('.bus-galery').slick('unslick');

Этот код не работает, я не знаю почему. 

        $(".slide__button").click(function () {
            if ($(".bus-information-wrapper").is(":visible")) {
                $(".bus-information-wrapper").slideToggle(function () {
                    console.log("close");
                    $('.bus-galery').slick('unslick');
                });
            } else {
                $(".bus-information-wrapper").slideToggle(function () {
                    console.log("open");
                    $('.bus-galery').slick({
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: false,
                        fade: true,
                        autoPlay: true,
                        autoplaySpeed: 2000,
                        asNavFor: '.bus-galery-nav',
                    });
                    $('.bus-galery-nav').slick({
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        asNavFor: '.bus-galery',
                        dots: false,
                        centerMode: true,
                        focusOnSelect: true,
                        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
                        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
                        responsive: [{
                            breakpoint: 480,
                            settings: {
                                slidesToShow: 2
                            }
                        }]
                    });
                });
            }
        });
...