JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#div1" class="">div1</a><br>
<a href="#div2" class="">div2</a><br>
<a href="#div3" class="">div3</a><br>

<div id="div1" class="page">id01</div>
<div id="div2" class="page">id02</div>
<div id="div3" class="page">id03</div>

CSS

.page {
    display: none;
	height:250px;
}

JavaScript

window.onhashchange=function(){    
    var targetDiv = $(location.hash);    
    if(!targetDiv.is(':visible')){$('.page').slideUp();targetDiv.slideDown();}
	else{$('.page').slideUp();}
};
if(window.hash!="") window.onhashchange();