JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div id="Blue"></div>
<div id="Red"></div>

<button id="show_Blue">Show Blue</button>
<button id="show_Red">Show Red</button>

CSS

#Blue{display:none;height:100px;width:100px;background:blue;border-radius:50px;}
#Red{display:none;height:100px;width:100px;background:red;border-radius:50px;}

JavaScript

$("#show_Blue").click(function(){
 $("#Blue").toggle();
 $("#Red").hide();
});
      
$("#show_Red").click(function(){
 $("#Red").toggle();
 $("#Blue").hide();
});