基於內容的具有動態變化高度的div的webkit轉換高度？

Question

請參閱下面的jsfiddle

http://jsfiddle.net/SgyEW/10/

您可以點擊這表明這將導致框增長/收縮長度不同內容的各種按鈕。

我想要的高度變化是動畫，所以它不是那麼神經質，我想這通過添加：

-webkit-transition: all 1s linear; 

但是，在這種情況下使用沒有影響。有關不需要JavaScript的解決方案的任何想法？

感謝

Answer 1

恐怕沒有動畫與CSS3過渡高度沒有一些JavaScript援助的方式，檢查出：

How can I transition height: 0; to height: auto; using CSS?

Can you use CSS3 to transition from height:0 to the variable height of content?

此外，你的代碼去從display：none到display：block，在任何情況下都不會影響高度。而不是顯示沒有使用高度：0與溢出：隱藏;