JSFiddle - React, Tailwind, and code Playground

HTML

<a class="button" id="showdiv2">Div 2</a>
<a class="button" id="showdiv3">Div 3</a>
<a class="button" id="showdiv4">Div 4</a>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>

JavaScript

(function() {
	$('#div3').hide();
	$('#div4').hide();
})();

$('#showdiv2').click(function(){
            $('div[id^=div]').hide();
            $('#div2').show();
        });

        $('#showdiv3').click(function(){
            $('div[id^=div]').hide();
            $('#div3').show();
        });

        $('#showdiv4').click(function(){
            $('div[id^=div]').hide();
            $('#div4').show();
        });