Hola DragonX
Yo estoy utilizando exactamente el mismo ejercicio.
Lo que yo identifico es en estos dos .css:
1.
Código CSS:
Ver original.slides .slide {
max-height: 3.5em;
}
2.
Código CSS:
Ver original.slides .slide.active {
max-height: 20em;
}
El primero ".slides .slide" si le pongo "auto" lo que hace es tomar el alto total de cada contenido, o sea que cuando se abre se baja todo y hace el efecto mal de bajar el botón y abrir.
El segundo ".slides .slide.active" será el alto máximo para todos los tabs que es de 20em.
Si le pongo "auto" no funciona, si le pongo "100%" tampoco, si le pongo "height: 100%" tampoco.
Como te digo busco que cada una se amplíe de acuerdo a su contenido.
Gracias por tu ayuda