How to make active slide in slick slider preview image?

Question

JavaScript

Hello! I need help, I can't make an active slide in the slick slider

Who knows the solution, please help. Thank you!

$('.cd-slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            fade: true,
            asNavFor: '.cd-slider-nav',
            
        });
        $('.cd-slider-nav').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.cd-slider',
           
            focusOnSelect: true,
            prevArrow: '<button class="slick-arrow slick-prev"><svg class="icon icon-arrow-left"><use xlink:href="#icon-arrow-left"></use></svg></button>',
            nextArrow: '<button class="slick-arrow slick-next"><svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></button>',
             responsive: [

                {
                    breakpoint: 1025,
                    settings: {
                        slidesToShow: 2
                    }
                },
            ]
        });

Answer 1

.cd-slider-nav .slick-current