JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li><a href="#anders">Anders</a></li>
<li><a href="#erik">Erik</a></li>
</ul>
<div id="anders" class="hidden">anders</div>
<div id="erik" class="hidden">erik</div>
CSS
.hidden{
display:none;
}
.display{
display:block;
}
JavaScript
var lastItem;
function changeContentByHash(){
var hash = location.hash,
id = hash.substring(1,hash.length);
if(id){
if(lastItem) {
lastItem.className="hidden";
}
lastItem = document.getElementById(id);
lastItem.className = "display";
}
}
window.onhashchange = function(e){
changeContentByHash();
}
window.onload = function(e){
changeContentByHash();
}