Анимация высоты div на основе содержимого с tween()

Question

Я пытаюсь изменить высоту div динамически на основе контента. Я взломал это с простой CSS ранее с использованием

min-height: 100px; 
overflow: hidden; 

Однако я теперь нужно включить это с помощью tween() и JavaScript. В настоящее время у меня есть:

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

Мне интересно, как я могу это сделать. Ваша помощь будет оценена по достоинству.

Вот скрипка, чтобы дать вам представление о том, что я пытаюсь сделать http://jsfiddle.net/Cquhj/881/

Answer 1

Почему вы не просто использовать height: auto;?

Это автоматически адаптируется к содержимому внутри div.