JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#home" id="button_home">Home</a>
<a href="#contact" id="button_contact">Contact</a> 

<div class="section" id="section_home">Section Home</div>
<div class="section" id="section_contact">Section Contact</div>

CSS

.section{
  display: none;
}
.section.visible{
  display: block;
}

JavaScript

$(document).ready(function(){

      $("#button_home").click(function(){
          $("#section_home").addClass("visible");
          $("#section_contact").removeClass("visible");
      });

      $("#button_contact").click(function(){
          $("#section_home").removeClass("visible");
          $("#section_contact").addClass("visible");
      });
   });