JSFiddle - React, Tailwind, and code Playground

HTML

<a id="divShow">Show</a>


<div id="layer1" class="layer">
    <table style="width: 100%">
		<tr>
			<td>tghh</td>
			<td>gfh</td>
			<td>ghfhf</td>
			<td>ghh</td>
		</tr>
		<tr>
			<td>546</td>
			<td>655</td>
			<td>565</td>
			<td>665</td>
		</tr>
		<tr>
			<td>3</td>
			<td>877</td>
			<td>645
			6</td>
			<td>6556</td>
		</tr>
		<tr>
			<td>233</td>
			<td>767</td>
			<td>5777</td>
			<td>654</td>
		</tr>
	</table>
</div>

<div id="layer2" class="layer">
    This is the DIV 2 Layer
</div>

CSS

.post { background-color: #ffff00;} 
#post2 { display:none; padding:5px; }

JavaScript

$('#divShow').click(function() {
    $('.post').toggle();
   
});