JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head></head>
<body>
    <table>
        <tr>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
        </tr>
        <tr>
            <td>Test</td>
            <td>Test</td>
            <td>Test</td>
        </tr>
    </table>
    <p>
        <a href="#slidetoggle" id="slidetoggle">Toggle</a>
    </p>
    
</body>
</html>

CSS

table {
    display: table;
}

th, td {
    background: blue;
    padding: 20px;
}

JavaScript

$('#slidetoggle').click(function(ev){
    ev.preventDefault();
    $('table').slideToggle();
});