JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#block1">Link 1</a>
<a href="#block2">Link 2</a>
<a href="#block3">Link 3</a>
<a href="#block4">Link 4</a>
<div class="content_inner" id="block1">Content 1</div>
<div class="content_inner" id="block2">Content 2</div>
<div class="content_inner" id="block3">Content 3</div>
<div class="content_inner" id="block4">Content 4</div>

CSS

.content_inner {display: none;}

JavaScript

function switchContentTabs() {
    var currentPath = window.location.hash;
    var contentId = currentPath.substring(1);
    var contentDiv = document.getElementById(contentId);
        
    if (contentId) {
        $('.content_inner').css({'display':'none'});
        contentDiv.style.display = 'block';
    }
}
window.onload = switchContentTabs();
    
$('a').click(function() { /* чтобы вибирались не все ссылки, нужным можно задать свой класс */
    var currentPath = $(this).attr('href');
    var contentId = currentPath.substring(1);
    var contentDiv = document.getElementById(contentId);
    $('.content_inner').css({'display':'none'});
    contentDiv.style.display = 'block';
});