JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id="contenedor">
Pasa el ratón por aquí
</div>
<div id="mostrador" style="display: none;">
Muy bien, has pasado el raton por encima!
</div>
</body>
JavaScript
$(document).ready(function(){
$("#contenedor").mouseenter(function() { mostrarTexto(); });
$("#contenedor").mouseleave(function() { ocultarTexto() });
});
var mostrarTexto=function(evento){
$("#mostrador").css("display","block");
}
var ocultarTexto=function(evento){
$("#mostrador").css("display","none");
}