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(){
    fadeP.stop(true).fadeIn(1000);
    setTimeout(function(){
        fadeP.stop(true).fadeOut('300', function() {
            $(this).css('opacity', '');
        });
    }, 500);
});