webkit-transition height для div с динамически изменяющейся высотой в зависимости от содержимого?

см. Следующий jsFiddle

http://jsfiddle.net/SgyEW/10/

Вы можете нажимать различные кнопки, которые показывают содержимое разной длины, в результате чего окно расти / сжиматься.

Я хочу, чтобы изменение высоты было анимированным, чтобы оно не было таким резким, я попробовал это, добавив:

-webkit-transition: all 1s linear;

Но это не повлияло на этот вариант использования. Есть идеи относительно решения, которое не требует JavaScript?

Спасибо