javascript - FadeOut完成，然后执行某些操作

我的滑块有问题。我已经为div（在原始项目中为图像）加上了颜色。我想要的是：


fadeIn背景色
淡入文字
淡出文字
fadeOut背景色。


它听起来很简单，但我无法获得这种效果。我不能及时淡出文本，它突然消失了。我尝试在fadeOut（）中添加匿名函数，但没有成功。

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

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

最佳答案

这应该与fadeOut回调一起使用：

Java脚本

    $('.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