Добавление анимации к тексту в слайдере slick.js ⇐ Jquery

[Anonymous]

Я пытаюсь добавить анимацию (используя animate.css) к тексту на слайдере slick.js. Анимации работают, но не без предварительного отображения, а затем выполнения анимации. Вот сайт, над которым я работаю: http://dentiq.godigitaldev.com/

Вот мой код slick.js:

Код: Выделить всё

$(document).ready(function(){
$('.featured-wrap').slick({
infinite: true,
speed: 400,
autoplaySpeed: 6000,
autoplay: true,
fade: true,
slide: 'div',
cssEase: 'linear',
dots: true,
arrows: true,
pauseOnHover: false,
adaptiveHeight: true,
onBeforeChange: function() {
$('.slick-active > .display').addClass('animated fadeInDown');
$('.slick-active > .display').addClass('hidden');
},
onAfterChange: function() {
$('.slick-active > .display').removeClass('hidden');
$('.slick-active > .display').addClass('animated fadeInDown');
}
});

Класс .hidden — это просто: .hidden {display:none;>

Подробнее здесь: https://stackoverflow.com/questions/302 ... -js-slider