jQuery FadeOut molte div in una volta

Question

Sto cercando di sfumare più div contemporaneamente e svanire in un div dopo il completamento. Ecco il codice:

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

Quando ci sono più div nel selettore, la fadeOut e fadeIn succedere allo stesso tempo.

Domanda: Come ottengo la dissolvenza dopo la dissolvenza?

Grazie

Answer 1

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

sta lavorando subito perché è di iniziare a lavorare quando il primo elemento (# solare circa nel tuo esempio) animazione fadeOut è completato.

Se si vuole aspettare fino a quando tutte le animazioni sono completate di quanto si può usare .promise(), in questo modo:

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