Eu tenho um botão e uma div com dentro de algum texto:

<h2>Click me</h2>
<div class="expand">Lot of text here....</div>

Quero mostrar apenas 2 linhas do texto como padrão, por isso coloco a altura em 30px e estouro Oculto.

Quando clico no elemento H2, quero animar o texto para slideDown e, se clicar outra vez, ele deslizará para a altura padrão (30px).

Estou tentando muitas coisas com o jQuery, mas não funciona.

EDITAR:

Também tenho mais de uma "expansão" e mais de uma "H2" e o texto é diferente em div, portanto a altura não é fixa ... Gostaria de deslizar para a altura "automática" ou 100%.

Alguém pode me ajudar? Obrigado!