使用动画和非固定大小展开/折叠 div

Question

http://embed.plnkr.co/tcTZlA/preview

基本上我想要的不是在 .slideDown 类中设置高度。我希望它根据 div 内容的高度展开。我没有找到如何以 AngularJS 的方式做到这一点，所以如果你有任何线索，我会接受的。

谢谢

Answer 1

.slideDown {
  height:141px;
  transition:height 0.35s ease;
  overflow:hidden;
  position:relative;
}

在此类中删除 height 属性，然后它将变成像这样的非固定大小

尝试这个

   .slideDown.ng-hide {
  max-height: 0;
  transition: max-height 0.35s ease-out;
  overflow:hidden;
  position:relative;
}

.slideDown {
  max-height: 1000px;
 transition: max-height 0.35s ease;
  overflow:hidden;
  position:relative;
}