jQuery 一次淡出多个 div

Question

我正在尝试一次淡出多个 div，并在完成后淡入一个 div。代码如下:

if($(this).attr("id")==="benefits-button"){

    $("#solar-about, #home-page, #process-page, #financing-page, #vendors-page, #consump-info-page, #smart-page, #wind-page, #about-page").fadeOut(750, function() {
         $("#benefits-page").fadeIn(750);
    });
    }

当选择器中有多个div时，淡出和淡入同时发生。

问题:如何在淡出后获得淡入？

谢谢

Answer 1

$("#benefits-page").fadeIn(750);

立即工作，因为它在第一个元素(示例中的#solar-about)淡出动画完成时开始工作。

如果您想等到所有动画完成，可以使用 .promise() ，像这样:

$("#solar-about, #home-page, #process-page, #financing-page, #vendors-page, #consump-info-page, #smart-page, #wind-page, #about-page").fadeOut(750).promise().done(function() {
     $("#benefits-page").fadeIn(750);
});

DEMO