JSFiddle - React, Tailwind, and code Playground

by jpillora

HTML

<style> td div { border:thin red solid; }</style>
<table>
    <tr>
        <td><div style="font-size: 20pt;">ROW1 - COLUMN1</div></td>
        <td><div style="font-size: 20pt;">ROW1 - COLUMN2</div></td>
    </tr>
    <tr>
        <td><div style="font-size: 20pt;">ROW2 - COLUMN1</div></td>
        <td><div style="font-size: 20pt;">ROW2 - COLUMN2</div></td>
    </tr>
</table>

JavaScript

function removeRow(tr) {
    tr.find(">td div").slideUp('slow', function() {
       tr.remove();   
    });
}
    
$(function() {

    setTimeout(function() {
        removeRow($("tr").last())
    }, 1500);
        
    setTimeout(function() {
        removeRow($("tr").last())
    }, 3000);

});