JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<div id="logo">LOGO (Home)</div>
<br>
<span id="tab1">Page one</span> - 
<span id="tab2">Page two</span> - 
<span id="tab2">Page three</span>
<br><br>
<div id="page1" style="display: none;">
Content one....
</div>

JavaScript

$("#tab1").click(function(){
    location.hash = 'something';
    history.pushState({extraData: "something"}, '', 'new-hash'); 
    
		$("#page1").show();
    });
    
    $("#logo").click(function(){
		$("#page1").hide();
    });
    
    window.onpopstate = function() {
    alert('How to exclude it on clicking page one?');
    $("#page1").hide();
     };