Encontrar codigo Js para modificar CSS

[daicon]

Hola,

Tengo un div que aparece espontaneamente al poner el raton encima de un enlace, por defecto este div en su clase CSS tiene un display:none, cuando se pasa el raton, se pone en display:block.
Mi problema es que no encuentro donde demonios se realiza el cambio. No consigo encontrar el codigo que realiza el cambio. He mirado las lineas de JS. ¿Es aqui donde deberia de estar no? Y no encuentro nada
¿Hay algo que se me escape?

Es un codigo de Joomla, pero no creo que sea relevante.

¿Alguna ayuda para encontrar este tipo de cosas mas rapidamente?
Quiero cambiar ese codigo por un opacity:0 para hacer una transicion de aparecer-desaparecer mas bonito.

EDITO: He instalado un plugin que he encontrado de Firefox que supuestamente te saca el codigo javascript que se ejecuta en tiempo real, pero no me esta sirviendo de mucho, al poner el rato encima del enlace, aparece este codigo en el plugin:
function (){return a.apply(c,b||arguments);} De la libreria de Mootools ..... ¿Como va a ser de la libreria de Mootoolos si es de un componente de joomla en concreto? Segun lo que yo entiendo, deberia de ser del codigo del componente.
Este es el codigo html:

Código:

<a href="javascript:void(0);" target="_self" class="hasTip1" title="" onclick="javascript:loadURL1('xxxxxxxx')">
<span class="zc_cal_title " style="color: rgb(0, 0, 0); text-overflow: ellipsis; line-height: 14px;">Prueba</span>
</a>

[Alexis88]

No necesariamente se puede hacer eso con JS, también es posible con CSS mediante la pseudoclase :hover, por ejemplo:

Código CSS:

#miEnlace:hover ~ #miDiv{
    display: block;
}
 

De este modo, cuando pose el puntero del mouse sobre el elemento de Id "miEnlace", se mostrará el elemento de Id "miDiv". Ahora te toca buscar en la hoja de estilos el bloque de código en el que se aplica esta pseudoclase.

Saludos