JQuery delete DOM element after fading out

Question

I want to delete an DOM element right after fading out. What I did so far is

$(element).click(function()
{
    $(this).fadeOut(500, function() { $().remove(this); });
});

But now I always get this error in Firebug: http://dl.getdropbox.com/u/5912/Jing/2009-02-04_1109.png

I guess it is because the fadeOut function is not really done when the callback gets called. And I can not put the $.remove() part after the fadeOut call because otherwise it gets removed instantly.

So do you know of any way I can do this better?

question from:https://stackoverflow.com/questions/510761/jquery-delete-dom-element-after-fading-out

Answer 1

You're using the remove() function wrongly.

$(element).click(function() {
    $(this).fadeOut(500, function() { $(this).remove(); });
});