How to implement an animated adjustment of the height of the container to the content?

Question

css

The script adds/removes blocks to the container without reloading the page, while the height of the container changes accordingly. How can I make this height adjustment animated using CSS?

Answer 1

.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;
}