jquery, удаление элемента после fadeOut();

[virus-07]

Хочу элемент плавно растворить, а затем удалить.
С созданием получается append'ить его и плавно показать, но удаляет он его резко.
Если не затруднит, посоветуйте путь решения, пожалуйста.
P.S. прошу извинить, ошибся разделом

[crayday]

Нужен код.
fadeOut добропорядочно растворяет элемент, затем callback'ом можно легко его удалить (remove). Пока проблема не ясна.

Также, если случай вдруг совсем странный, иногда помогает обновление библиотеки jquery.

[kadabrik]

$(selector).fadeOut(function(){$(this).remove()})

[=VNK=]

Всем добрый день.
Столкнулся с той же самой задачей. При нажатии на кнопку "Добавить" нужно плавно показать элемент, а затем его "растворить" и удалить из DOM. Код следующий:

$('body').append("<li class='item'>Товар успешно добавлен!</li>");
$('.item').fadeIn(1000).fadeOut(1000);

Данным кодом элемент создается, плавно показывается и "растворяется". Если добавляю метод remove(), элемент не создается и естественно не выводится. Подскажите, каким образом правильно удалить элемент, что бы код работал по описанному выше сценарию?

[tadjik1]

$('.item').fadeIn(1000).fadeOut(1000).end().remove ();

[=VNK=]

$('.item').fadeIn(1000).fadeOut(1000).end().remove ();

Пр использовании данного кода элемент не удаляется . Плавно появляется, исчезает, но не удаляется из DOM. При повторном нажатии кнопки уже появляется два элемента и т.д.

[tadjik1]

может там пробел лишний перед скобочками?

[=VNK=]

может там пробел лишний перед скобочками?

Да нет, без пробела тоже самое. Сработало решение, предложенное kadabrik.

$('body').append("<div class='item'>Товар успешно добавлен!</div>");
$('.item').hide();
$('.item').fadeIn(1000).fadeOut(1000, function(){$(this).remove()});

[sotik]

fadeOut добропорядочно растворяет элемент,
На чистом js как это сделать добропорядочно.