JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:void(0)" id="showContent">Show Content</a>
<br><br><br>
<table width="400" border="1">
    <tr id="mainContent" style="display:none;">
        <td> THIS IS MAIN CONTENT </td>
    </tr>
</table>

JavaScript

$('#mainContent').css('display', 'table-row');
$('#mainContent > td').wrapInner("<div class='hideshow'></div>");
$('.hideshow').css('display', 'none');

$('#showContent').click(function (){                        
    $('.hideshow').slideToggle('slow');                                           
});