JSFiddle - React, Tailwind, and code Playground

HTML

<table class="nav">
    <tr>
        <td>123</td>
        <td>456</td>
    </tr>
    <tr>
        <td>123</td>
        <td>456</td>
    </tr>
    <tr>
        <td>123</td>
        <td>456</td>
    </tr>
    <tr>
        <td>123</td>
        <td>456</td>
    </tr>
</table>

JavaScript

$(function() {
    $("table.nav td")
        .fadeTo(0, 0.5)
        .hover(function() {
            $(this).fadeTo("slow", 1.0);
        },function() {
            $(this).fadeTo("slow", 0.5);
        });
});