JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<table id="tablea" style="display:block;"><tr><td>atab</td></tr></table>
<table id="tableb" style="display:none;"><tr><td>btab</td></tr></table>
<button id="btna">ButonA</button><button id="btnb">ButonB</button>

JavaScript

var tablea = true;
var tableb = false;
	$(document).ready(function(){
		$('body').on('click','#btna',function(){
			if(!tablea){
				tablea = true;
				tableb = false;
				$('#tablea').css('display','block');
				$('#tableb').css('display','none');
			}
			return;
		});
		$('body').on('click','#btnb',function(){
			if(!tableb){
				tablea = false;
				tableb = true;
				$('#tableb').css('display','block');
				$('#tablea').css('display','none');
			}
			return;
		});
	});