For animate the "height" of element with CSS Transitions you need use "max-height".

If use the "height: auto", the effect not works. Is necessary some value for the CSS create a CSS animate, and you can use "max-height" with a great value for emulate this effect.