JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="">Hover over this</p>
</body>
</html>

CSS

p { margin: 4px; font-size:16px; font-weight:bolder; cursor:pointer; color: white; background: yellow;}
.blue {background: blue;}

JavaScript

$(document).ready(function() {
    $("p").hover(function () {
        $(this).toggleClass("blue", 100);
    });
});