Выполнять анимацию последовательно вместо симулирования с помощью селектора классов

Question

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

$(.classname).slideUp(); 

Когда я выполняю вышеуказанный код, все элементы одновременно выдвигаются. Вместо этого я бы хотел, чтобы они выполняли анимацию один за другим.

Любая помощь? Благодаря!

Answer 1

Попробуйте это:

var animInterval = 100; // 100ms interval between animation starts 
$('.className').each(function (i, e) { 
    setTimeout(function() { 
     $(e).slideUp(); 
    },i * animInterval); 
});