angularjs - AngularJS 1.2 ng-show 高度动画

Question

我正在尝试使用 Angular JS 1.2 制作高度动画。我有一个 plunker 这里有关闭项目的动画工作：

http://plnkr.co/edit/YVtnXgjO3Evb6tz5DJOp?p=preview

这里的关键是这个 CSS：

.accordion-body {
  height: 100px;
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.accordion-body.ng-hide-add,
.animate-show.ng-hide-remove {
  display: block !important;
}

.accordion-body.ng-hide-add{
}

.accordion-body.ng-hide-remove{
}
.accordion-body.ng-hide {
  height:0;
}

但我不知道如何让它工作以打开该项目。我显然在做一些脑残的事情——我错过了什么？

Answer 1

让它与以下 CSS 一起工作：

.accordion-body {
  height: 100px;
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.accordion-body.ng-hide-add,
.accordion-body.ng-hide-remove {
  display: block !important;
  height: 0px;
}

.accordion-body.ng-hide-remove.ng-hide-remove-active {
  height: 100px;
}
.accordion-body.ng-hide-add{
  height: 100px;
}
.accordion-body.ng-hide-add.ng-hide-add-active {
  height: 0;
}

你搞砸了一个班级名称。