JSFiddle - React, Tailwind, and code Playground

by Hawkee

HTML

<div id="element" style="padding: 20px; height: 100px; width: 100px; background-color: #FEF;">
    <div id='inside' style='height: 25px; width: 25px; background-color: #F50; display:none;'></div>
</div>

JavaScript

$(document).on("mouseover", "#element",
    function() {
        $('#inside').show();
    }
);

$(document).on("mouseout", "#element",
    function() {
        $('#inside').hide();
    }
);