JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><button type="button" id="bt1">button1</button></td>
         <td><button type="button" id="bt2">button2</button></td>
         <td><button type="button" id="bt3">button3</button></td>
    </tr>
</table>
<div id="id1" class="hide">Button1</div>
<div id="id2"  class="hide">Button2</div>
<div id="id3"  class="hide">Button3</div>

CSS

.hide{display:none}

JavaScript

$("#bt1").click(function(){
$(".hide").hide();
$("#id1").show();
})
$("#bt2").click(function(){
$(".hide").hide();
$("#id2").show();
})
$("#bt3").click(function(){
$(".hide").hide();
$("#id3").show();
})