Heredar eventos a elementos hijos

[kriss8725]

Buenas tardes, tengo el siguiente problema, tengo un div llamado "tranparente", dentro del cual tiene otro div llamado texto y este div texto contiene parrafos y links, el div texto esta oculto y se muestra hasta que me posiciono sobre el div transparente, hasta ahi todo bien el problema biene cuando el mouse se posiciona sobre el div texto o algun otro elemento ya sea un parrafo o un link el div texto se oculta porque ya no esta sobre el div transparente, como puedo lograr que el evento onmouseover se herede a los elementos que contiene el div transparente.

Código Javascript:

$("#transparente").mouseover(function () {
                $("#texto").show("slide");
                
            });
 
            $("#transparente").mouseout(function (event) {
                $("#texto").hide("slide");
                
            });
 

Código HTML:

<div id="transparente">
    <div id="texto">
        <p>prueba de texto</p>
        <a href="#">Link</a>
    </div>
</div>
 

Espero me halla dado a entender saludos y gracias de antemano.