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.

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.

• jquery
• javascript

• 1 If you can live with having the element in the dom, but hidden from view: $(this).closest('tr').hide('slow') – Martin Wickman Commented May 23, 2016 at 7:56

1 Answer 1

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.