Animiere Höhe von Div basierend auf Inhalt mit Tween()

Question

Ich versuche, die Höhe eines Div dynamisch basierend auf Inhalt zu ändern. Ich geknackt dies mit einfacher CSS früher mit

min-height: 100px; 
overflow: hidden; 

Jedoch habe ich jetzt dieses tween() und JavaScript verwenden müssen integrieren. Ich habe derzeit:

if ('0px' == middle.getStyle('height')) 
    middle.tween('height', '150px'); // needs to be dynamic 
else 
    middle.tween('height', '0'); 

Ich frage mich, wie ich darüber gehen könnte. Ihre Hilfe wäre willkommen.

Hier ist eine Geige geben Ihnen eine Vorstellung davon, was ich versuche http://jsfiddle.net/Cquhj/881/

Answer 1

Warum Sie nicht nur height: auto; verwenden zu tun?

Dies passt sich automatisch an den Inhalt innerhalb der div.