JSFiddle - React, Tailwind, and code Playground

by raskalbass

HTML

<script src="http://www.mediacor.co.za/setup_practice_preference_check_code.php"></script>
<div id="onec-fourth">test</div>

CSS

.hov {
    background-color:#F36DE1;
    color:white;
}

JavaScript

$(document).ready(function () {
        $("#onec-fourth").mouseenter(function () {
            $("#onec-fourth").addClass("hov");
        });
        $("#onec-fourth").mouseleave(function () {
            setTimeout(function () {
                $("#onec-fourth").removeClass("hov");
            }, 1000);
        });
    });