JSFiddle - React, Tailwind, and code Playground

by Alexis Evertt López Espinoza

HTML

<button>Botón 1</button>
<button>Botón 2</button>
<button>Botón 3</button>
 
<section>Sección 1</section>
<section>Sección 2</section>
<section>Sección 3</section>

CSS

section{
  width: 150px;
  height: 150px;
  border: 1px solid;
  margin-bottom: 15px;
}

JavaScript

$("section").hide();

$("button").on("click", function(){
  let elem = $("section").eq($("button").index(this));  
  $(".show").removeClass("show").addClass("hide").hide();  
  elem.removeClass("hide").addClass("show").show();
});