JSFiddle - React, Tailwind, and code Playground

by alexg88

HTML

<div id="transparente">
    Otro
    <div id="texto" style="display:none">
        <p>prueba de texto</p>
        <a href="#">Link</a>
    </div>
</div>

CSS

#transparente
{
    background-color:red;
}

#texto
{
    background-color:yellow;
}

JavaScript

$("#transparente").mouseenter(function () {
                $("#texto").stop().show("slide");
                
            });
 
            $("#transparente").mouseleave(function (event) {
                $("#texto").stop().hide("slide");
                
            });