3

Есть несколько элементов с классом test.
Для них я использую $('.test').fadeIn('slow');.
Как сделать так, чтобы элементы появлялись по очереди?

1 ответ 1

6

При задании продолжительности в виде числа, можно воспользоваться различной задержкой (с помощью метода delay) для каждого элемента:

var duration = 600; //'slow'
$(".test").each(function(index) {
    $(this).delay(duration * index).fadeIn(duration);
});
.test {
  display: none;
}
<div class="test">First</div>
<div class="test">Second</div>
<div class="test">Third</div>
<div class="test">Forth</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.