JSFiddle - React, Tailwind, and code Playground

by İlhami Cromwell

HTML

<nav class="subnav" id="paket">
 <ul>
  <li><a href="a.html">Referans A</a></li>
  <li><a href="a.html">Referans B</a></li>
  <li><a href="a.html">Referans C</a></li>
 </ul>
</nav>

<nav class="subnav" id="sektorel" style="display:none;">
 <ul>
  <li><a href="1.html">Referans 1</a></li>
  <li><a href="1.html">Referans 2</a></li>
  <li><a href="3.html">Referans 3</a></li>
 </ul>
</nav>

<input type="button" id="bir" value="Paket" />
<input type="button" id="iki" value="Sektörel" />

JavaScript

$(document).ready(function(){
    $("#bir").click(function(){
        $("#sektorel").hide();
        $("#paket").show();           
    });
    
    $("#iki").click(function(){
        $("#paket").hide();
        $("#sektorel").show();           
    });
});