Появление элементов с помощью fadeIn по очереди

284
24 июня 2017, 12:16

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

Answer 1

При задании продолжительности в виде числа, можно воспользоваться различной задержкой (с помощью метода 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>

READ ALSO
Подключение шрифтов в scss через mixin

Подключение шрифтов в scss через mixin

Здравствуйте почему у меня не работает вот этот mixin в(scss) вот это mixin что я делаю не так

598
Окружность с градиентом

Окружность с градиентом

Как создать такую окружность, как на рисунке? На рисунке есть ещё задний фонМожно нарисовать круг с градиентом, и с помощью :before закрыть внутреннюю...

282
Падает mysql на CentOS сервере

Падает mysql на CentOS сервере

Добрый вечер! Столкнулся с проблемой: постоянно вылетает mysqld, и потом снова запускается с другим PID:

481