JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head></head>
  <body>
  <ul>
    <li><a href="#" class="nav" data-page="#profile">Profile</a></li>
    <li><a href="#" class="nav" data-page="#experiences">Experiences</a></li>
  </ul>
  <div class="container">
    <div id="profile" class="page">
      <h1>Profile page</h1>
    </div>
    <div id="experiences" class="page">
      <h1>Experiences page</h1>
    </div>
  </div>
  </body>
</html>

JavaScript

$('.page').hide();

$('.nav').click(function(event) {
	event.preventDefault();
  $('.page').hide();
  $('.page').filter($(this).data('page')).show();
});