Как сделать изменение класса div-a при переключении слайда в slick слайдере?

Question

[Dextersium]

Нужно после изменения слайда на другой, который имеет параметры активного на данный момент (aria-hidden и tabindex) и параметр конкретного слайда (data-skick-index), добавлялся (addClass) класс в другом блоке HTML документа. Также, чтобы он снимался (removeClass), когда меняется data-skick-index на другой.

Answer 1

[Eugene Chefranov]

$('.slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
  $('.anotherClass').addClass('addedClass');
});

Comments

[Dextersium]

Евгений, заранее спасибо. Внедрив ваш код, при переключении слайда добавляется нужный класс. Но при переключении на следующий ничего не происходит. Хочу понять как под конкретный слайд, добавлять конкретный класс (в нужное место HTML документа), а старый класс убирать. Если не сложно - уточните пожалуйста, как это реализовать.

[Dextersium]

Поковырялся в коде и гугле, нашел решение. Евгений, спасибо верную наводку)

$('.slider').on('afterChange', function(event, slick, currentSlide){
  	if (currentSlide == 1) {
	    $('.anotherClass').addClass('addedClass');
  	}else {
  	    $('.anotherClass').removeClass('addedClass');
  	};
});