JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#store">Store</a></li>
    <li><a href="#contact">Contact</a></li>
</ul>

<p>Bla bla bla Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non tristique erat. Pellentesque laoreet gravida posuere. Phasellus ante turpis, molestie eget leo vel, ultricies commodo nunc. Proin pellentesque quam ut mauris viverra, suscipit cursus mauris blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ut iaculis tellus. Vivamus adipiscing felis in justo vestibulum sollicitudin. Ut ut tortor quis est pharetra posuere sit amet ac ante. Vivamus et tristique libero. Nam et odio ultricies, viverra turpis nec, rhoncus lectus. Aliquam a pellentesque quam. Integer fringilla, lorem blandit porta euismod, tellus tortor sodales ipsum, ultrices aliquam massa nibh vitae risus.
</p>
<p>
Mauris a iaculis tellus, iaculis rutrum purus. Nam molestie, augue id cursus adipiscing, felis lectus egestas velit, nec fringilla metus leo in arcu. Praesent ullamcorper mollis imperdiet. Duis euismod tortor lectus, a dapibus felis rhoncus sed. Pellentesque quis sapien turpis. Nulla id ultricies tortor, sed vulputate arcu. Nam vehicula enim quis blandit malesuada. Nullam sed urna et eros cursus pellentesque. Quisque venenatis ligula vitae lacus sodales sollicitudin. Maecenas venenatis sem odio, eget vehicula mi iaculis et. Sed urna dolor, tempor id lectus sit amet, ultrices aliquet nisl. Maecenas in magna sollicitudin, dictum sem ac, vehicula arcu. Praesent sodales nec felis in consectetur. Nulla eu purus erat. </p>

<hr/>

<div data-page="store">
    <h1>Store</h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam feugiat fermentum diam non semper. Integer vel nisl sit amet lacus lobortis sollicitudin sed id eros. Vestibulum ullamcorper mi a libero sagittis, at hendrerit leo accumsan. Nunc in purus ipsum. Proin ac elit eget lacus viverra dictum ac eget lorem. Integer...

CSS

[data-page='contact'] { display: none; }

JavaScript

$("a").on("click", function () {

    // get the clicked link
    var $clickedLink = $(this);

    // get the url
    var url = $clickedLink.attr("href");

    // we search the hashes
    if (url[0]  !== "#") { return; }

    // change the location using js
    location.hash= url;

    // hide all pages
    $("[data-page]").hide();

    // show the current page
    $("[data-page='" + url.substring(1) + "']").show();

    // prevent the default browser behaviour (jumping)
    return false;
});