2012-05-06 17 views

Respuesta

20

Solo necesita agregar el ancho de cada div expandible.

http://jsfiddle.net/BpMam/

Para explicar:

jQuery no conoce las dimensiones de su div oculto hasta que se muestre. Entonces, cuando se hace clic en él, realmente lo saca de su posición para medirlo antes de reemplazarlo rápidamente. Esto a menudo tiene el efecto secundario de causar cierto nerviosismo. Establecer el ancho en el elemento evita que jQuery lo saque de su posición.

+0

Sí, funciona perfectamente :) gracias por su explicación :) – user13746

+0

Tengo que aceptar que la configuración '.tab_content' a' width: 400px' funciona, pero la explicación es, en el mejor de los casos, incompleta, y tal vez errónea. Intenta configurar '.tab_content' a' width: 200px' y vuelve el jumpiness. La explicación proporcionada no predeciría esto, ¿por qué? –

+0

Corrija el ancho. Ancho no arbitrario –

0

A algunos navegadores no les gusta particularmente el texto que se envuelve automáticamente al animar, y se pone un poco desigual cuando intenta calcular la altura del elemento.

Intente formatear el texto para que se ajuste al elemento y vea si eso ayuda.

De hecho lo hice por usted, verifique si este FIDDLE lo resuelve?

¿Probablemente funcionaría para dar a los elementos deslizados una altura fija también?

FIDDLE

Cuestiones relacionadas