Есть несколько элементов с классом 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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Здравствуйте почему у меня не работает вот этот mixin в(scss) вот это mixin что я делаю не так
Как создать такую окружность, как на рисунке? На рисунке есть ещё задний фонМожно нарисовать круг с градиентом, и с помощью :before закрыть внутреннюю...
Добрый вечер! Столкнулся с проблемой: постоянно вылетает mysqld, и потом снова запускается с другим PID: