Как реализовать анимированную подстройку высоты контейнера под контент?

Question

[Вячеслав]

В контейнер без перезагрузки страницы скриптом добавляются/удаляются блоки, при этом высота контейнера, соответственно, изменяется. Как с помощью CSS сделать эту подстройку высоты анимированной?

Answer 1

[Mr Crabbz]

.container {
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

Comments

[Вячеслав]

Нет, это решение не работает.
jsfiddle.net/a7tahybh – если тут же в консоли разработчика изменить объем текста, высота контейнера будет меняться мгновенно.

[Mr Crabbz]

Вячеслав: тогда так например. Правда это на jquery все таки. jsfiddle.net/VVBra