JSFiddle - React, Tailwind, and code Playground

HTML

Click a button to make it visible:<br /><br />
<input type="button" value="One" class="toggler" id="one" />
<input type="button" value="Two" class="toggler" id="two" />
<input type="button" value="Three" class="toggler" id="three" />
<input type="button" value="Four" class="toggler" id="four" /><br /><br />
        
        <div id="one-info">One</div>
        <div id="two-info">Two</div>
        <div id="three-info">Three</div>
        <div id="four-info">Four</div><br/><br/>

JavaScript

// Optional code to hide all divs
            $("div").hide();
              // Show chosen div, and hide all others
            $(".toggler").click(function () 
            {
                $("#" + $(this).attr("id") + "-info").show().siblings('div').hide();
            });