Hola,
Puede usar los eventos mouseenter y mouseleave en vez de mouseover y mouseout.
Código Javascript
:
Ver original$("#transparente").mouseenter(function () {
$("#texto").stop().show("slide");
});
$("#transparente").mouseleave(function (event) {
$("#texto").stop().hide("slide");
});
El método stop es para parar la animación y que no se concatenen varias animaciones si sales y entras muy rápido del elemento.
También puedes usar el evento hover, que enmascara ambos eventos:
http://api.jquery.com/hover/
Puedes leer la documentación oficial de jquery para ver la diferencia entre los eventos.
http://api.jquery.com/mouseenter/ http://api.jquery.com/mouseleave/
Saludos.