JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" class"in">Magic</button>
<div class="fader">Putting some text in fader.</div>

CSS

.fader {
    width: 100px;
    height: 100px;
    background: red;
}

JavaScript

var open = true;

$(function() {
    $("button").on("click", function() {
        if (open)
            $(".fader").stop(true).fadeOut();
        else
            $(".fader").stop(true).fadeIn();
        open = !open;
    });
});