我正在尝试在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 {显示：无;}