Código de CSS - Como animar un height 0px a height:auto utilizando transition de CSS3

Código que muestra como utilizar una transición de un height:0px; a un height:auto; utilizando transition de CSS3.

Para que funcione correctamente, en vez de utilizar height, utilizaremos max-height, de esta manera únicamente cogerá el tamaño necesario, que seria lo mismo que utilizar height:auto;