анимировать каждого ребенка jquery

Question

Удивительно, насколько это просто, но я не могу заставить его работать. Я ищу анимацию набора divs по одному за раз. Я использую animate.css для тех, кто знаком с ним. Я думал, что нашел ответ here, но jsFiddle в данный момент не работает. Anywho, код

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

Проблема заключается в том, что, когда я отладки и пошагово каждого элемента анимации происходит для каждого элемента, но когда я смочите, это, кажется, все это сделать сразу. Что нужно, чтобы на самом деле показывать анимацию за раз?

Благодаря

EDIT:

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

Edit: я переехал addClass в полную собственность

Вы можете попробовать это example, а также:

$('.element').hide() 

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