JSFiddle - React, Tailwind, and code Playground

by bmarsh123

HTML

<table>
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
    <tr>
        <td>Row 3</td>
    </tr>
</table>

CSS

.hover { background-color:#ddd }
.clicked { background-color:#999 }

JavaScript

$("tr").hover(function() {
   $(this).addClass("hover"); 
}, function() {
   $(this).removeClass("hover");
});
$('tr').click(function(event) {
        $('tr').not(this).removeClass('clicked');
        $(this).toggleClass('clicked'); 
    });