JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" style="display: none">

   <div id="header">
      header text
   </div>

   <div id="content" style="display: none">
      content text
   </div>


</div>
    
    <a id="1" href="#">1</a>
    <a id="2" href="#">2</a>

JavaScript

$('#1').click(function() { $("#wrapper").fadeIn(1500); });
$('#2').click(function() { $("#content").fadeIn(1500); });