How to remove an element slowly with jQuery?

Question

$target.remove() can remove the element,but now I want the process to be down with some feel animation,how to do it?

Answer 1

target.fadeOut(300, function(){ $(this).remove();});

or

$('#target_id').fadeOut(300, function(){ $(this).remove();});

Duplicate: http://stackoverflow.com/questions/553402/jquery-fadeout-remove

Answer 2

$target.hide('slow');

or

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

to run the animation, then remove it from DOM

edit: not sure why I'm getting voted down for this...

Answer 3

You mean like

$target.hide('slow')

?

Answer 4

If you need to hide and then remove the element use the remove method inside the callback function of hide method.

This should work

$target.hide("slow", function(){ $(this).remove(); })

Answer 5

You need to use an animation before calling the remove method.

See: http://stackoverflow.com/questions/308019/jquery-slideup-remove-doesnt-seem-to-show-the-slideup-animation-before-remov