Efecto rebote con slideDown() de jQuery

Cada cierto tiempo me encuentro con un problema al mostrar cierto tipo de paneles con el método .slideDown() de jQuery.

Lo que me pasaba es que al irse desplegando el panel tomaba una altura superior a la de su contenido, para luego volver a su tamaño real cuando terminaba la animación.

Siempre pensé que era un problema relacionado con los margins y los paddings del elemento a mostrar, pero por fin he encontrado la solución a este problema, y parece que es de lo mas sencilla.

Al parecer jquery tiene problemas para detectar el tamaño real del texto que contiene el panel, y la solución es tan sencilla como definirle la anchura. Por ejemplo:

.element-to-slide { width:100%; }

Escribe una comentario