JSFiddle - React, Tailwind, and code Playground

HTML

<a id="loginLink" onclick="toggleTable();" href="#">Login</a>
<table id="loginTable" border="1" align="center" style="display:none">
    <tr>
        <td>
            1
        </td>
    </tr>
</table>

JavaScript

function toggleTable()
    {
         var elem=document.getElementById("loginTable");
         var hide = elem.style.display =="none";
         if (hide) {
             elem.style.display="table";
        } 
        else {
           elem.style.display="none";
        }
    }