Animar height auto com JavaScript

<button>Mostrar</button>

<section>
    <h2>Título</h2>
    <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque risus eu tempor cursus. Curabitur eleifend turpis eget rutrum interdum. Fusce porttitor ex massa, vel eleifend nisl ornare non. Maecenas luctus erat nulla. Phasellus gravida accumsan odio, id sagittis quam ultricies sed. Duis volutpat turpis nibh. Etiam ornare eros eu mollis faucibus.
    </div>
</section>

section .content {
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
}