Javascript 通过设置从高度0到高度100%的动画

Javascript 通过设置从高度0到高度100%的动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要一个css解决方案从高度设置动画:0;身高:100%。现在我在jquery中有一个onclick函数,它切换一个类。show row,它只有一个声明:高度:100%。这将导致在单击按钮时显示下拉div。我如何让它平稳过渡。我尝试将“高度”更改为“最大高度”解决方案,但没有成功。使用“最大高度”并应用过渡 。显示行{ -webkit过渡:最大高度2秒; -moz过渡:最大高度2s; -ms转换:最大高度2s; -o型过渡:最大高度2s; 过渡:最大高度2秒; 最大高度:200px; } 添加

我需要一个css解决方案从高度设置动画:0;身高:100%。现在我在jquery中有一个onclick函数,它切换一个类
。show row
,它只有一个声明:
高度:100%
。这将导致在单击按钮时显示下拉div。我如何让它平稳过渡。我尝试将“高度”更改为“最大高度”解决方案,但没有成功。

使用“最大高度”并应用过渡

。显示行{
-webkit过渡:最大高度2秒;
-moz过渡:最大高度2s;
-ms转换:最大高度2s;
-o型过渡:最大高度2s;
过渡:最大高度2秒;
最大高度:200px;
}

添加您一直使用的HTML和CSS,以便我们可以帮助您。我们甚至不知道您是否声明了
转换
属性。