Estou tentando atingir oactive slide no meuslick carousel por ken wheeler para adicionar uma animação ao elemento p dentro desse slide.

Então, quando oslide está ativo, op o elemento retornará (ou algo assim); quando o slide passar para o próximo slide, a animação será aplicada ao novo elemento p. Após os slides serem repetidos, a classe animada será aplicada continuamente aoslick 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>

oimages e váriosclasses são gerados dinamicamente por outros programas que eu uso.

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');
      }
    });
});

o.slick-active classe é gerada dinamicamente peloslick carousel. Eu estou visando op elemento no código HTML acima. oanimated bounce as classes estão vinculadas ao css que gera a animação.

Eu sou muito novo emJavascript/jQuery, então meu erro pode ser elementar. Pesquisei na web por muitas horas agora tentando descobrir o que preciso fazer ...