CODEWITHSUNDEEP
jqueryjavascript
Rodrigo Souza
Rodrigo Souza

Reputation: 7332

How to wait a fadeout effect and then remove the element?

I have a <tr> which will be removed when clicked in delete button, but before doing .remove() or empty() I'd like to wait for some fadeOut() effect.

$(this).closest('tr').fadeOut();
setTimeout("$(this).closest('tr').remove()",1000);

is not working, it only fades out.

Upvotes: 8

Views: 9943

Answers (1)

Sinan
Sinan

Reputation: 11563

You need a callback after fadeOut()

$(this).closest('tr').fadeOut(400, function(){
    $(this).remove();
});

It fires the callback just after the fadeOut() operation is done, in this case after 400ms.

Hope this helps, Sinan.

Upvotes: 22

Related Questions