動畫每個孩子jquery

Question

這是多麼簡單這應該是驚人的，但我不能讓它工作。我正在尋找一個動畫一套div的動畫。我爲那些熟悉它的人使用animate.css。我想我可能已經找到了答案here，但jsFiddle此刻不工作。 Anywho，代碼

$('.elements').each(function(i) { $(this).addClass('animated slideInLeft').delay(500); });

的問題是，當我調試，並通過每個元素步驟，動畫正在發生的每一個元素，但是當我讓它運行，它似乎都這樣做一次。實際顯示動畫時需要什麼？

感謝

編輯：

的jsfiddle是備份和下面提供的鏈接沒有幫助。答案不包括循環元素，但循環動畫本身。

EDIT 2

這裏是一個Fiddle用，如果你們需要打一處來。

Answer 1

$('.elements').each(function(i) { 
    delay =(i)*500; 
    $(this).delay(delay).animate({ 
     opacity:1 
    }, { 
    duration: 500, 
    complete: function() { 
     $(this).addClass('animated slideInLeft'); 
    } 
    }); 
}); 

編輯：我搬到了addClass到整個財產

你可以試試這個example還有：

$('.element').hide() 

$('.element').each(function(i) { 
    delay =(i)*500; 
    setTimeout(function (div) { 
      div.show().addClass('animated slideInLeft'); 
     }, delay, $(this)); 
});