How to set active classes in slick?

$('.items').slick({
 dots: true,
appendDots:$(".controls"),
arrows:false,
 speed: 700,
responsive:true,
adaptiveHeight:true,
touchThreshold:5
});
$('.slick-dots').slick({
 dots: false,
 infinite: false,
 speed: 700,
 slidesToShow: 6,
 slidesToScroll: 6,
 responsive: [
{
 breakpoint: 1024,
 settings: {
 slidesToShow: 3,
 slidesToScroll: 3
}
},
{
 breakpoint: 600,
 settings: {
 slidesToShow: 2,
 slidesToScroll: 2
}
},
{
 breakpoint: 480,
 settings: {
 slidesToShow: 1,
 slidesToScroll: 1
}
}
]
 });


I have a points slider slick are in another slick slider to display 5.
It turns out that when the page loads, and when changing slides - points
they are all highlighted as active, and I need to have highlighted only one active point, which belongs to the slide.
This is due to the fact that the visible slides(in this case, points in the visible region) is assigned the class slick - active, and he also is a class for active points.
You can just remove this class in afterChange points, but how to highlight active?
How to refer to the variable currentSlide common slider, in order to use it in slider afterChange points?
Or are there any other solutions?
July 2nd 19 at 13:23
0 answer

Find more questions by tags jQuerySlick