serii Fading wiele elementów simutaneously - jquery

Question

Chcę wykonać następujące czynności:

$(newPanel, prevBtn, nextBtn, infoPanel).fadeIn(200, function() { 
} 

te Vars są DIV utworzone z jQuery

ale tylko pierwszy element zanika w, naprawdę trzeba wszystkie elementy zanikać w w tym samym czasie. Dowolny pomysł?

Answer 1

Można użyć metody add uzyskać elementy w tym samym obiekcie jQuery:

newPanel.add(prevBtn).add(nextBtn).add(infoPanel).fadeIn(200); 

Answer 2

Zakładając, że newPanel i tak dalej są zmienne tworzone tak:

newPanel = $("#newPanel"); 

wystarczy napisać:

newPanel.fadeIn(200); 
prevBtn.fadeIn(200); 
nextBtn.fadeIn(200); 
infoPanel.fadeIn(200); 

Answer 3

$.each([newPanel, prevBtn, nextBtn, infoPanel], function(i, el) { 
    $(el).fadeIn(200); 
}); 

zmiana:
A jeśli chcesz wywołać funkcję tylko raz, możesz zrobić coś, dodając elementy do: like @Guffa did tej samej kolekcji jQuery, a dopiero potem zastosować animację (raz):

[newPanel, prevBtn, nextBtn, infoPanel] 
    .reduce(function(el, next) { 
     return el.add(next); 
    }) 
    .fadeIn(200); 

Answer 4

Albo zrób to za pomocą $.each zadzwonić lub polecam grupowanie ich według klasy lub identyfikatora i zanikanie przy użyciu tego.

Można na przykład pogrupować wszystkie powiązane elementy w klasach, a następnie wykonać wywołanie $.each na tych klasach zamiast na każdym elemencie.