Есть слайдер. HTML конструкция которого такая:
<div>
<div class"block class" data-step="1">Информация</div>
<div class"block class slick-active" data-step="2">Информация</div>
<div class"block class" data-step="3">Информация</div>
</div>
Соответственно при перемещении по слайдам, есть класс slick-active, который ставится на активный слайд. Так же слайды имеют атрибуты data-step. Необходимо запустить событие типа hide, show на определенном слайде для другого блока. Пока что мои попытки не увенчались успехом.
Я пробовал различные конструкции:
$('.slick-active[data-step="6"]').alert('TEST');
или
if ($('.slick-active').find('[data-step="6"]').length) {
//действие
}
или
$('.slick-active').find('[data-step="6"]', function(e) {
// действие
});
А так же другие варианты... Но у меня ничего не вышло.