JavaScript を使用して、div の折りたたみ/スライドをアニメーション化しています。JavaScript では、div の高さを設定する必要がありますが、div 内のコンテンツは動的です。divを意図した以上に大きくしたくないので、どうすればうまくいくでしょうか。div の高さを次のように設定しました。
<div id="main-div" style="overflow:hidden; height:95px;">
高さを「自動」に設定しようとしましたが、div が再びスライドして開いたときに、正しい高さにスライドしません。高さを計算する必要がありますか?