Slick Carrusel objetivo diapositiva activa para agregar y eliminar clases de animación

Estoy tratando de apuntar alactive slide en mislick carousel por Ken Wheeler para agregar una animación al elemento p dentro de esa diapositiva.

Entonces, cuando elslide está activo, elp el elemento rebotará (o algo), luego, cuando la diapositiva pase a la siguiente diapositiva, la animación se aplicará al nuevo elemento p. Después de que las diapositivas se hayan colocado, la clase animada se aplicará continuamente aslick 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>

losimages y variosclasses son generados dinámicamente por otros programas que 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');
      }
    });
});

los.slick-active la clase es generada dinámicamente por elslick carousel. Estoy apuntando alp elemento en el código HTML anterior. losanimated bounce Las clases están vinculadas a CSS que generan la animación.

Soy muy nuevo enJavascript/jQuery, entonces mi error podría ser elemental. He buscado en la web durante muchas horas ahora tratando de averiguar qué necesito hacer ...