JSFiddle - React, Tailwind, and code Playground

HTML

<button id="1">1</button>
<button id="2">2</button>
<button id="3">3</button>

<div id="1a">Test</div>
<div id="2a">Test</div>
<div id="3a">Test</div>

CSS

div {display: none}

JavaScript

var $myList = $("#1a, #2a, #3a");

$("#1").on("click", function() {
    $myList.not("#1a").fadeOut();
    $("#1a").fadeIn("slow");    
});
$("#2").on("click", function() {
    $myList.not("#2a").fadeOut();
    $("#2a").fadeIn("slow");    
});
$("#3").on("click", function() {
    $myList.not("#3a").fadeOut();
    $("#3a").fadeIn("slow");    
});