Nascondere più elementi con jQuery e ottenere una richiamata

Question

La domanda è piuttosto semplice. Se seleziono due o più elementi con jQuery e, ad esempio, utilizzo la funzione fadeOut() di jQuery per nasconderli, la funzione di callback viene invocata due volte (per ciascun elemento). C'è un modo per ricevere solo una richiamata?

Il codice attualmente utilizzato per eseguire questa attività è incollato di seguito.

$('#element-1, #element-2').fadeOut(250, function() { /* Callback invoked twice. */ }); 

Una domanda simile è stato registrato prima (jQuery multiple animate() callback), ma la soluzione sembra abbastanza complicato per quello che sembra un semplice problema.

Answer 1

È possibile utilizzare $.when^[docs] (deferred objects):

$.when($('#element-1, #element-2').fadeOut(250)).then(function() { 
    // do something 
}); 

DEMO

Questo funziona con qualsiasi animazione afaik.