jQuery slideDown en IE9 - desaparece el contenido después de acabados de animación

Question

he tenido este problema dos veces en dos sitios diferentes. Funciona en todos los navegadores que no sean IE9.

He siendo abierto un div y cerrado usando slideUp jquery y slideDown (el mismo problema ocurre con slideToggle). Soy capaz de ver el contenido del div que se desliza hacia abajo, pero tan pronto como las paradas de animación, desaparece el contenido.

Heres un ejemplo de este problema http://www.ohnuts.com/ searchResults.cfm? = criterios de castañas de cajú y search = todas clic en el enlace "más categorías".

¿Alguien más ha tenido este problema, y ??si existen soluciones alternativas? Puedo cambiar a simplemente hacer una demostración sencilla / ocultar, que funciona bien, pero me gustaría mantener el efecto de la misma apertura.

Answer 1

sugerencia honestos aquí, no lo fija , reportarlo como un error al equipo de IE9 pero no gastar el tiempo de fijación su fallo .

Esto debería fijarse en IE9 final, y el resultado final será sólo desperdicia el tiempo de desarrollo en su final ... betas son errores, que siempre he sido buggy y será siempre con errores ... que no sería llamados betas lo contrario.

Answer 2

2 aprobado con la respuesta de Nick.

Pero en el momento en equipo de IE va a resolver el problema, es probable que sea en otro proyecto.

Esto es lo que me funcionó con IE7 que sin duda funciona en IE9.

En el DIV se establece un efecto slideDown, añadir esto a tu CSS:

 overflow: hidden;

Buen día!

Answer 3

Me he dado cuenta de que esto ocurra en el iPad iOS 5.0 ver en Safari móvil. position:relative es el culpable de todos los elementos de la lista de elementos. overflow:hidden hace solucionar este problema, sin embargo, esto no ayuda si usted tiene una tercera fila de navegación. No se conocen solución excepto el cambio del slideToggle a showToggle.

Answer 4

También hay una más solución a este, que es añadir .css('zoom') a la cadena jQuery.

Answer 5

I tenía el mismo problema con IE, y añadido a la css del elemento deslizante el código siguiente:

zoom: 1;