JSFiddle - React, Tailwind, and code Playground

HTML

<p id="clickMe">Click Me</p>
<p id="fadeP">blarg</p>

CSS

#fadeP{
    display:none;
    background-color:#aaaaaa;
}

JavaScript

fadeP = $('#fadeP');
clickMe = $('#clickMe');

clickMe.click(function(){
    if(fadeP.css('display') == 'none') fadeP.css('opacity', '0');
    fadeP.stop(true).show().animate({opacity: 1}, 1000, function () { $(this).css('opacity', ''); });
    setTimeout(function(){
        fadeP.stop(true).fadeOut(1000);
    }, 500);
});