Подскажите, пожалуйста!
Есть массив элементов собранных по классу
<div class="d-left">
<div class="dn">Элемент1</div>
<div class="dn">Элемент2</div>
<div class="dn">Элемент3</div>
<div class="dn">Элемент4</div>
</div>
$(function(){
var peremen = $('.dn');
peremen.ready( function(){
for (var i = 0; i < peremen.length; i++) {
peremen[i].classList.add('activ');
}
});
});
Этому массиву добавляется последовательно к каждому элементу класс activ с анимацией, А на сайте все выглядит как будто анимация срабатывает сразу для всех элементов одновременно. Подскажите как сделать так чтобы анимация срабатывала сначала для первого элемента, только потом для второго и т д