JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tbl">
     <tr><th>My Table</th></tr>
     <tr><td><div class="arrow">arrow</div></td></tr>
     <tr><td>The second row</td></tr>
</table>

JavaScript

$(document).ready(function() {
    $("#tbl tr:odd").addClass("odd");
    $("#tbl tr:even").addClass("even");
    
    $('.arrow').click(function(){
        $(this).closest('tr').next("tr").toggle();
        $(this).toggleClass("up");
    });
});