jQuery slideDown с заданной высотой и переполнением

У меня есть следующий HTML-код

<div class="text">bla bla bla bla</div>
<div class="button">Show</div>

И CSS

.text{
  height:100px;
  overflow:hidden;
}

Предположим, .text div содержит намного больше текста, и что я делаю, так это скрываю количество текста ниже 100 пикселей.

Как мне slideDown () div , чтобы я мог просматривать текст при нажатии кнопки?

Используя $ (". Button"). slideDown (); не работает, потому что мне нужно удалить высоту, а затем slideDown () , но это тоже не сработает.