JSFiddle - React, Tailwind, and code Playground

by SLaks

HTML

<table border="1" width="600" cellspacing="0" cellpadding="0" id="test">
    <tr>
        <td><b>First Name</b></td>
        <td><b>Last Name</b></td>
        <td><b>Address</b></td>
        <td><b>Town</b></td>

    </tr>

    <tr>
        <td>First Name</td>
        <td>Last Name</td>
        <td>Address</td>
        <td>Town</td>
    </tr>
    <tr>
        <td>First Name</td>
        <td>Last Name</td>
        <td>Address</td>
        <td>Town</td>
    </tr>
    <tr>
        <td>First Name</td>
        <td>Last Name</td>
        <td>Address</td>
        <td>Town</td>
    </tr>

</table>

JavaScript

$('#test tr:not(:first)').click(function() {           
    $(this).css("background-color","red");  

    $(this).children().contents().wrap('<div>').parent().slideUp(function() {    
        $(this).closest('tr').remove(); 
    });
});