jquery - slick.js スライダーのテキストにアニメーションを追加する

Question

slick.js スライダーのテキストにアニメーション (animate.css を使用) を追加しようとしています。アニメーションは機能しますが、最初に表示してからアニメーションを実行しないと機能しません。ここに私が取り組んでいるサイトがあります: 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;}