Есть несколько элементов с классом test.
Для них я использую $('.test').fadeIn('slow');.
Как сделать так, чтобы элементы появлялись по очереди?
При задании продолжительности в виде числа, можно воспользоваться различной задержкой (с помощью метода 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>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости