JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Mouse over me.</h1>

CSS

h1 {
    background:     orange;
    border:         4px outset buttonface;
    border-radius:  1em;
    font-size:      22px;
    font-weight:    bolder;
    margin:         1em;
    padding:        2ex;
}
#Fleeting {
    background:     pink;
    border:         3px double powderBlue;
    font-size:      22px;
    margin:         1em;
    padding:        1em;
}

JavaScript

$('h1').hover (
    function () {
        console.log ("Can't catch me!");
        $('body').append ('<div id="Fleeting">You can\'t catch me, sucka!</div>')
    },
    function () {
        console.log ("Ba bye!");
        $("#Fleeting").remove ();
    }
);