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>

JavaScript

$("a").on("click", function() {
            var id = $(this).data("section");
            alert(id);
            $("section:visible").fadeOut(function() {
                $(id).fadeIn();
            });
        });