JSFiddle - React, Tailwind, and code Playground

by rabelais

HTML

<div class="nav">
    <nav>
       <a id="link1" href="#1">1</a>
       <a id="link2" href="#2">2</a>
       <a id="link3" href="#3">3</a>
    </nav>
</div>

<div id="1" class="navLinks"> content 1 </div>
<div id="2" class="navLinks"> content 2 </div>
<div id="3" class="navLinks"> content 3 </div>

CSS

.navLinks {
    display: none;
}

JavaScript

$('#link1').click(function() {
  $('#1').show()
  $('#2, #3').hide()
  })
 $('#link2').click(function() {
  $('#2').show()
  $('#1, #3').hide()
  })
  $('#link3').click(function() {
  $('#3').show()
  $('#2, #1').hide()
  })