JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<div id="buttons">
         <a href="#" id="1" class="mybutton myred">Div 1</a>
         <a href="#" id="2" class="mybutton myblue">Div 2</a>
         <a href="#" id="3" class="mybutton myblue">Div 3</a>
    </div>

    <div id="pages">
        <div id="1" class="mydivshow">1111</div>
        <div id="2" class="mydivhide">2222</div>
        <div id="3" class="mydivhide">3333</div>
    </div>

JavaScript

$("#buttons a").click(function() {
    var id = $(this).attr("id");
    $("#pages div").css("display", "none");
    $("#pages div#" + id + "").css("display", "block");
});
$("#pages div:not(#1)").css("display", "none");