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(){
    var currentOpacity = fadeP.css('opacity');
    fadeP.stop(true).show().css('opacity', (currentOpacity  < 1) ? currentOpacity  : 0 ).animate({opacity: 1});
    setTimeout(function(){
        fadeP.stop(true).fadeOut(5000, function() {
            $(this).css('opacity', '');
        });
    }, 500);
});