JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <h1>Header</h1>
  <p>Basic info about page</p>
  
  <ul>
    <li><a href="#ver1" id="linkToVer1">Version 1</a></li>
    <li><a href="#ver2" id="linkToVer2">Version 2</a></li>
  </ul>

  <div class="content" id="ver1">    
     Content here #1                  
  </div>                             

  <div class="content" id="ver2">
     Content here #2
  </div>

</div>

CSS

.content {
    display: none;
}

.content#ver1 {
    display: block;
}

JavaScript

$(document).ready(function(){ 
    $("div.container ul li").on("click", "a", function() {
        $("div.content").hide();
        $("div" + $(this).attr("href")).show();
        event.preventDefault();
    });
});