jquery работа с блоками одного класса
У меня с помощью метода append добавляется несколько блоков уведомлений, которые должны скрываться после 5 секунд. Я использую следующий код.
setTimeout(function() {
$(".good").hide('slow'); }, 5000);
})
Html код
<div class="push">
<div class="good">Первое уведомление</div>
<div class="good">Второе уведомление</div>
<div class="good">Третье уведомление</div>
</div>
При этом появляются уведомления в разное время, но скрываются одновременно. Нужно чтобы каждый элемент скрывался в своё время (через свои 5 секунд).
Ответы (1 шт):
Автор решения: Igor
→ Ссылка
let newBlock = $('<div class="good"></div>').text('Второе уведомление').appendTo($('.push'));
setTimeout(function(block) { block.hide('slow'); }, 5000, newBlock);