jQuery FadeOut nhiều div cùng một lúc

Question

Tôi đang cố gắng làm mờ dần nhiều div cùng một lúc và mờ dần trong một div sau khi hoàn thành. Dưới đây là mã:

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); 
    }); 
    } 

Khi có nhiều div trong bộ chọn, fadeOut và fadeIn xảy ra cùng một lúc.

Câu hỏi: Làm cách nào để nhận fadeIn sau fadeOut?

Cảm ơn bạn

Answer 1

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

đang làm việc ngay lập tức bởi vì nó bắt đầu làm việc khi các yếu tố đầu tiên (# năng lượng mặt trời về trong ví dụ của bạn) fadeOut hoạt hình được hoàn tất.

Nếu bạn muốn đợi cho đến khi tất cả các hình ảnh động được hoàn thành hơn bạn có thể sử dụng .promise(), như thế này:

$("#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