JSFiddle - React, Tailwind, and code Playground

by agrimsrud

HTML

<nav>
    <a href="#id1">ID1</a><br />
    <a href="#id2">ID2</a><br />
    <a href="#id3">ID3</a><br />
</nav>

<div id="divs">
    <div id="id1">Dette er ID1</div>
    <div id="id2">Dette er ID2</div>
    <div id="id3">Dette er ID3</div>
</div>

JavaScript

$("#divs div").hide();

$("nav a").click(function(e){
    $("#divs div").fadeOut(300);
    $($(this).attr("href")).delay(300).fadeToggle();
    e.preventDefault();
});