Javascript 动画展开div hight而不设置directli it'；s高度（角度应用程序）

这是我的密码

[请在JSFIDLE中运行示例，stackoverflow的代码不运行]

功能XController（$scope）{
$scope.model={isHidden:true}；
}

.opendiv{
背景色：红色；
//高度：260px；
}
.隐藏分区{
背景颜色：绿色；
//高度：60px；
}
.可转换{
-webkit转换：3000ms线性；
-moz跃迁：3000ms线性；
-o-过渡：3000ms线性；
-ms转换：3000ms线性；
过渡：3000ms线性；
}

{{isHidden}

你好，XXX
这里会有一些内容

这里会有一些内容

这里会有一些内容

这里会有一些内容

这里会有一些内容

您是否尝试将CSS

高度更改为
最小高度
？如果隐藏的
div
大于最小高度，它仍将展开。应该可以解决您的问题。
这里可以使用Bootstrap collapse.js

对于2，您可以添加dislplay:none cssproperty@BipBip对于div内容？直到什么？是的，我试过了。如果两个元素都使用最小高度，则动画仅应用于小提琴上的div close，我为打开类指定了最小高度，为隐藏类指定了固定高度。这可能有助于说明如何进行高度转换，使其不只是链接的appearThx。根据你的建议，最小高度-它不起作用。一个适合我的解决方案是动画填充，但它仍然不是我想要的