JSFiddle - React, Tailwind, and code Playground

by Carl Angelo Nievarez

HTML

<div id="fbox">
    <div id="ftop">
        adsfasdfasdfasdfasdfasdfasdf
    </div> 
    <div id="fmid">
        asdfasdfasdfasdfasd
    </div>
    <div id="fbot">
        asdfasdfasdfasdf
    </div>
</div>

CSS

.fboto {
    background-color: #000;
    color:#fff; 
}

JavaScript

$(function() {
    $("#fbot").mouseenter(function() {
        $(this).addClass("fboto");
    }).mouseleave(function() {
        $(this).removeClass('fboto')
    });
});