jQuery FadeOut bir kerede çok sayıda div (

Question

)

Birden çok div öğesini aynı anda silmeye çalışıyorum ve bu işlem bittikten sonra bir div içinde kaybolmaya çalışıyorum.

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

seçicideki birden div'ler olduğunda, fadeOut ve fadeIn aynı anda gerçekleşmesi: İşte kod.

Soru: FadeIn'den sonra nasıl fadeIn alırım? İlk eleman (# güneş hakkında örnekte) fadeOut animasyon tamamlandığında çalışmaya başladı çünkü

Eğer

Answer 1

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

hemen çalışıyor ederiz.

tüm animasyonlar böyle, sen .promise() kullanabilirsiniz daha tamamlanana kadar beklemek istersen

:

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