CSS/Javascriptの高さをアニメーションで切り替えますか？

Question

私はこれが私の現在のコードで、定義された高さに完全な高さを切り替える必要があります。

<div style="height: 20px; overflow: hidden; display: block;" onclick="if (this.style.height == '20px') { $(this).animate({height:'auto'} } else { $(this).animate({height:'20px'}); }"> 

問題があることである：

$(this).animate({height:'auto'} - 、

動作しない「自動」の高さにアニメーション化

プレーンJS this.style.height = 'auto'を使用すると動作します：

どうすればjQueryでアニメーションを作成するか、またはJavaScriptをアニメーションに追加できますか？ （JSまたはCSSのどちらかで）私は問題が未知の高さにアニメートすることにあると理解しています。何とか完全な高さを得る方法はありますか？またはidk、どのようにこれを解決することができますか？ここで

Answer 1

は.animate() APIのこの制限に対処しanimateAutoプラグインです：

http://css-tricks.com/snippets/jquery/animate-heightwidth-to-auto/