JSFiddle - React, Tailwind, and code Playground

HTML

<style>
#xxx div.hide {display:none;}
#xxx div.show {display:block;}
</style>
<div id=xxx>

<div>1</div>
<div>2</div>
<div>3</div>

</div>

<input type=button value=1 onclick="myShow(this)">
<input type=button value=2 onclick="myShow(this)">
<input type=button value=3 onclick="myShow(this)">

JavaScript

function myShow(el)
{
var items = document.getElementById("xxx").getElementsByTagName("DIV");
// hide all
for (i=0; i<items.length; i++)
{ items[i].className = 'hide'; }
// show one
i = el.value * 1 - 1;
items[i].className = 'show';
}