Как сделать блоки видимыми по очереди с помощью delay?

Question

[IvanRobot]

У меня несколько .popup. Как сделать их видимыми по очереди?

.tets
  .popup
     img(src='/img/tets/01.png')      
  .popup
     img(src='/img/tets/02.png')

так не работает.. не могу ничего придумать

$(".tets .popup").each(function() {
      $(this).fadeIn(1000).delay(3000).fadeOut(1000);
  })

Answer 1

[Денис]

$(".tets .popup").each(function(i, el) {
    $(el).fadeIn(1000).delay(3000 * i).fadeOut(1000);
});

P.S. Хотя, если судить по описанию вашей задачи, а не смотреть на код, то логичней было бы так

$(".tets .popup").each(function(i, el) {
    $(el).delay(3000 * i).fadeIn(1000);
});

Comments

[IvanRobot]

можешь помочь с этим toster.ru/q/338374 ?

[Денис]

IvanRobot написал

[IvanRobot]

Денис: А как в данном случаи зациклить появление картинок? Через if ?

[Денис]

IvanRobot я не понимаю ваш вопрос. Что значит "зациклить появление"?

[IvanRobot]

Денис: .popup сначала появляются, потом исчезают, пока не доходят до последнего в .tets Когда подойдет последний .popup, как запустить всё заново? через if ?

[Денис]

IvanRobot было бы проще. если бы вы рассказали суть того, что хотите сделать.