JSFiddle - React, Tailwind, and code Playground

by Zoltán Adamek

HTML

<div id="image"><img src="http://balloszog.hu/site/e107_images/icons/icon20.png"/></div>

<div id="container">
<div id="hover">Test message</div>
</div>

CSS

#hover { display: none; }

JavaScript

$(document).ready(function() {
    // Hide on start
    $("#hover").hide();
    
    // Handle mouse over for image
    $("#image").hover(function() {
            // This one is when the mouse enters
            $("#hover").show(); 
        },
        function() {
            // ...and when it hides.
            $("#hover").hide();
    });
    
});