foreach delay fadein jquery

Question

Я пытаюсь задержать мой CSS-файл для каждого div, используя jquery. Мне нужно, чтобы элементы затухали один за другим. В настоящий момент они просто исчезают одновременно.

Вот мой JQuery:

$(".service").each(function(i, el) { 
    var el = $(el); 
    if (el.visible(true)) { 
     $(this).delay(800*i, function(){ 
      el.addClass("animated fadeInDown"); 
     }); 
    } 
    }); 

Пожалуйста, помогите.

Answer 1

Использование SetTimeout:

$(".service").each(function (i, el) { 
    var el = $(el); 
    if (el.visible(true)) { 
     setTimeout(function() { 
      el.addClass("animated fadeInDown"); 
     }, 800 * i); 
    } 
});