JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://benalman.com/code/projects/jquery-hashchange/jquery.ba-hashchange.js"></script>
<div class="navDropdown">            
    <ul class="nav">
        <li><a href="#content1">content 1</a></li>
        <li><a href="#content2">content 2</a></li>
        <li><a href="#content3">content 3</a></li>
        <li><a href="#content4">content 4</a></li>
    </ul>
</div>

<div id="content1" style="display: none;">div #content1</div>
<div id="content2" style="display: none;">div #content2</div>
<div id="content3" style="display: none;">div #content3</div>
<div id="content4" style="display: none;">div #content4</div>

JavaScript

$(window).hashchange(function(e){
    var hash = window.location.hash;
    var id = hash.substring(1, hash.length - 1);
    id = "div[id^='"+id+"']";
    $(id).hide();
    $(hash).show();    
});

$(window).hashchange();