Медленно удалить элемент (jQuery)

Что бы плавно удалить элемент страницы, его сперва необходимо медленно скрыть (.hide('slow'), .slideUp('slow')), а затем вызвать колбак функцию на удаление элемента.

Задача

Например есть слой <div>, который нужно плавно удалить со страницы.

.hide('slow', callback)

Первый вариант анимированного удаления при помощи метода .hide('slow', callback) с передачей второго параметра в качестве колбак функции.

$('div').hide('slow', function(){ $(this).remove(); });

После выполнения кода слой плавно исчезнет и удалится из DOM-дерева.

.slideUp('slow', callback)

Второй вариант — точная копия первого, за исключением метода скрытия слоя. Вместо .hide() используется метод .slideUp(), анимация которого отличается от .hide('slow').

$('div').slideUp('slow', function(){ $(this).remove(); });

Посмотрите онлайн-пример, что бы все стало понятно.

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Читайте также

Комментарии