JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" data-section="#home">Home</a>
<a href="#" data-section="#products">Products</a>
<a href="#" data-section="#contact">Contact</a>

<div id="wrapper"></div>

<section id="home">Home</section>
<section id="products">Products</section>
<section id="contact">Contact</section>

CSS

section {
    display: none;
}

#home { height: 200px; background: beige; display: block;}
#products { height: 1000px; background: honeydew; }
#contact { height: 500px; background: seashell; }

JavaScript

$("a").on("click", function() {
    var id = $(this).data("section");

    $("section:visible").fadeOut(function() {
        $(id).fadeIn();
    });
});