Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


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

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

Задача

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

.hide('slow', callback)

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

1
2
3
$('div').hide('slow'function(){
    $(this).remove();
});

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

.slideUp('slow', callback)

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

1
2
3
$('div').slideUp('slow'function(){
    $(this).remove();
});

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

Опубликовано: 20 октября 2013  ·  Автор: Артём Фёдоров  ·  968 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryМедленно удалить элемент (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2014 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания