動畫Div的一個正確的其他使用jQuery-PT後2

Question

請查看我以前的問題在這裏：

Animate Divs One Right After the Other with Jquery

查看我的第二個答案....

誰能告訴我怎麼寫我的代碼是否正確，以便我可以動畫多於2個div？如果可以的話，請給我一個至少有4個div的例子。提前致謝。

Answer 1

給他們一個普通的類，遍歷它們with .each()和use .delay()，將迭代的當前索引號乘以持續時間。

實施例：http://jsfiddle.net/patrick_dw/jPeAp/

HTML

<div class="animation">Hello!</div> 
<div class="animation">Jquery Animate!</div> 
<div class="animation">Hello!</div> 
<div class="animation">Jquery Animate!</div> 

JS

$('.animation').each(function(index) { 
    $(this).delay(index * 700).fadeIn(); 
}); 

這樣，它會自動爲任何數量的元件工作。

在循環中，index將是0, 1, 2, etc.。所以延遲將是0, 700, 1400, etc。

---

編輯：

如果你不能給元素的通用類，那麼就組ID添加到一個multiple selector。

$('#animation1,#animation2,#animation3,#animation4').each(function(index) { 
    $(this).delay(index * 700).fadeIn(); 
});