JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="toggle">Toggle Box</a>
<div id="box"></div>

CSS

#box {
    position: fixed;
    top: 10%; left: 10%;
    width: 80%; height: 80%;
    background: red;
    display: none;
}

JavaScript

$(".toggle").on("click", function (event) {
    $("#box").stop().fadeToggle();
});