выбор истинной высоты DIV в jQuery

У меня есть DIV, определенный с фиксированной высотой:

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

если я помещу в него текст, он скроет все, что выходит за пределы 100 пикселей. У меня есть кнопка, которая показывает весь текст, в основном это делается так:

$('.w').height('auto');

это сделает весь текст видимым, но я бы хотел анимировать это. И это не сработает с height = 'auto', у него должна быть определенная высота.

Вопрос: как мне получить высоту, которой должен быть DIV, чтобы отображать весь текст в нем?