FadeOut完成然后做一些事情

Question

我的滑块有些问题。我有彩色div（原始项目是图像）和文本。我想要的只是：

1. fadeIn background-color
2. 淡出文字
3. 淡出文字
4. 淡出背景色。

简单但我无法得到这种效果。我不能及时淡出文字，它突然消失了。我尝试在fadeOut（）中添加匿名函数，但它没有用。

<section class="opinions">
    <div class="opinionsContent"> 
        <div class="slider">
            <h2></h2>
        </div>
    </div>
</section>

这是代码： https://jsfiddle.net/jes6vhdf/

Answer 1

这应该适用于fadeOut回调：

<强>的Javascript

    $('.opinions .slider').removeClass(sliderBGClasses[currentClass]);
    $('.opinions .slider h2').fadeOut('slow', function() {
        $(this).removeClass(descriptionsClasses[currentClass]);
        currentClass = currentClass + 1 < descriptionsClasses.length ? currentClass + 1 : 0;
        $('.opinions .slider h2').fadeIn('slow').addClass(descriptionsClasses[currentClass]);
        $('.opinions .slider').addClass(sliderBGClasses[currentClass]);
    });

JSFiddle