Я пытаюсь нацелиться наactive slide в моемslick carousel Кен Уилер, чтобы добавить анимацию к элементу р в этом слайде.

Итак, когдаslide активен,p элемент отскочит (или что-то), затем, когда слайд перейдет к следующему слайду, анимация будет применена к новому элементу p. После зацикливания слайдов анимированный класс будет непрерывно применяться кslick carousel.

HTML:

<div class="slick-promo">
    <div class="single-slide">[img code here]<p>This text will come in animated, then as the slide leaves it will have the animation class removed.</p></div>
    <div class="single-slide">[img code here]<p>Lorem ipsum blah blah</p></div>
    <div class="single-slide">[img code here]<p>lorem ipsum blah blah</p></div>
</div>

images и несколькоclasses динамически генерируются другими программами, которые я использую.

Javascript:

jQuery(document).ready(function($){
    $('.slick-promo').slick({
      infinite: true,
      fade: true,
      cssEase: 'linear',
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      //this is where I need help
      onAfterChange:function(slider,index){
            $('.slick-active p').toggleClass('animated bounce');
      }
    });
});

.slick-active класс динамически генерируетсяslick carousel, Я нацеливаюсь наp элемент в приведенном выше HTML-коде.animated bounce классы привязаны к CSS, который генерирует анимацию.

Я очень новичок вJavascript/jQueryТак что моя ошибка может быть элементарной. Я искал в Интернете много часов, пытаясь выяснить, что мне нужно делать ...