JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#A" data-hash="A" class="hash">A Link</a>
<a href="#B" data-hash="B" class="hash">B Link</a>
<a href="#C" data-hash="C" class="hash">C Link</a>
<div id="A" class="tab">Tab A</div>
<div id="B" class="tab hidden">Tab B</div>
<div id="C" class="tab hidden">Tab C</div>
CSS
.hidden{
display: none;
}
JavaScript
$(window).on('hashchange', function() {
$('div.tab').hide();
$(location.hash).show();
});
$('a.hash').on('click', function(e){
e.preventDefault();
location.hash = $(this).data('hash');
});