No reproduce el efecto fadeIn

[redomir]

Hola buenas, estoy creando un menu horizontal para cuando pases por encima se despliegue un submenu en horizontal.

Bien esto funciona , pero el problema es que se despliega de golpe y no con el efecto fadein que tengo puesto.

El codigo es el siguiente:

Código:

$(" #mh li").hover(function(){

	$(this).find('ul:first').css({visibility: "visible",display: none"}).fadeIn("slow");
	},  function(){
	$(this).find('ul:first').css({visibility: "hidden"});

});

Muchas gracias.

[maycolalvarez]

no tiene sentido usar visibility y display a la vez, usa sólo display e intenta de nuevo

[redomir]

Buenas , gracias por responder, pues he probado dejando solo visibility y solo display y no funciona.

Tambien he probado con show("500"). Pero me sigue saliendo de golpe.

[maycolalvarez]

ese problema es común cuando modificas directamente el CSS que se supone jQuery debe manejar, aplica el efecto contrario (fadeOut) y con una consola como firebug revisa los estilos que jQuery le aplica, esos son los que debes usar al ocultar.

[redomir]

Perdona , pero no te he entendido.

, esos son los que debes usar al ocultar.

Al ocultar?

[maycolalvarez]

sí, porque se supone que la capa (div o lo que sea) debe estar oculta para que jQuery la muestre con el efecto, pero no sabes si el mismo usa display, visibility u opacity (filtro para IE es necesario), por ello aparece de golpe, tienes que usar la priopiedad que él usa cuando lo oculta con fadeOut, y estoy seguro de que es opacity (no lo he confirmado, )

recuerda que para IE, el opacity se aplica con un filtro, al menos para versiones viejas