Воспроизведение анимации на каждом слайде

Имеется такая структура:

<div class="slider__inner">
  <div class="slide">
    <div class="slide__title wow fadeInDown"></div>
  </div>
  <div class="slide">
    <div class="slide__title wow fadeInDown"></div>
  </div>
  <div class="slide">
    <div class="slide__title wow fadeInDown"></div>
  </div>
</div>

То есть на каждом слайде есть анимация названия. В данный момент анимация проигрывается сразу на всех слайдах. А как сделать, что анимация воспроизводилась только при переходе на слайд? Использую слик слайдер. Так же на одном слайде есть анимация счетчика чисел:

$('.features-second__number').each(function () {
                $(this).prop('Counter', 0).animate({
                    Counter: $(this).text()
                }, {
                    duration: 2000,
                    easing: 'linear',
                    step: function (now) {
                        $(this).text(Math.ceil(now));
                    }
                });
            }); 

Как сделать, чтобы анимации воспроизводились только при переходе на слайд?