JSFiddle - React, Tailwind, and code Playground

by aanred

HTML

<div id="visible_box" class="box">
</div>
<div id="invisible_box" class="box">
</div>

CSS

.box {
    background: blue;
    width: 300px;
    height: 300px;
    margin: 5px;
}
#invisible_box {
    display: none;
    /*visibility: hidden;*/
}

JavaScript

$(".box").mouseenter(function(){
    alert("mouse entering " + $(this).attr("id"));
});