Как получить высоту скрытого содержимого в настройке div с переполнением: hidden?

Question

Я хочу сделать div, который раскрывается и раскрывает его содержимое при нажатии. То, что я сделал на сегодняшний день:

• Создан div, настроен на переполнение: скрыто
• Создана функция JS, которая переключает высоту div между «свернутым» и «развернутым» (высота 20 пикселей и высота XYZpx).

Пока все работает, кроме того, что я не знаю, как получить высоту содержимого внутри моего div, чтобы я мог изменить размер div, чтобы он точно соответствовал контенту. Таким образом, по сути, у меня есть скрытый контент, который переполняется из «свернутого» div размером 20px, и я могу расширить div, чтобы показать переполненный контент, но я не знаю, насколько его расширить.

У вас есть идея, как я мог это сделать?

Заранее спасибо!

Answer 1

Вот мой удар по проблеме. Я не был уверен, что именно ты пытался сделать.

http://jsfiddle.net/Mw6Ys/2/

Answer 2

Разве вы не можете просто удалить скрытый переполнение и высоту css. И div изменит размер правильной высоты. И если вам нужно найти точную высоту. Используйте JavaScript, чтобы удалить overflow:hidden и высоту. Затем измерьте offsetHeight и установите его на высоту. Хотя, если вы делаете это, может быть, лучше удалить элемент из DOM, а затем поместить его обратно, как только вы закончите.