Código Javascript:
Ver original
function ShowHide(elemento){ $("#"+elemento).animate({"height": "toggle"}, { duration: 500 }); if (document.getElementById(elemento).scrollHeight == 0){ document.getElementById("contenedor").scrollHeight + document.getElementById(elemento).scrollHeight; document.getElementById("content_start").scrollHeight + document.getElementById(elemento).scrollHeight; document.getElementById("left").scrollHeight + document.getElementById(elemento).scrollHeight; } else { document.getElementById("contenedor").scrollHeight - document.getElementById(elemento).scrollHeight; document.getElementById("content_start").scrollHeight - document.getElementById(elemento).scrollHeight; document.getElementById("left").scrollHeight - document.getElementById(elemento).scrollHeight; } }
#Contenedor es el que contiene toda la estructura de contenido.
#Content_start contiene el fondo que deberia abrandarse
#left es el contenido de la izquierda que se encuentra en #Content_start.
De esta forma no me funciona, nose si existirán otras, la idea sería agrandar el #Content_start a medida que #left se agranda asi no queda texto "flotando en el aire".
Muchas gracias a todos, llevo un buen tiempo ya intentando solucionar esto jaja.