AngularJS 1.2 ng-show高度动画

发布时间：2020-12-17 10:18:43 所属栏目：安全来源：网络整理

导读：我正在尝试使用Angular JS 1.2来运行高度动画.我在这里有一个有关闭项目动画的动画： http://plnkr.co/edit/YVtnXgjO3Evb6tz5DJOp?p=preview 关键位是这个CSS： .accordion-body { height: 100px; -webkit-transition: 0.5s linear all; transition: 0.5s li

我正在尝试使用Angular JS 1.2来运行高度动画.我在这里有一个有关闭项目动画的动画：

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;
}

但我无法弄清楚如何让它开启项目.我显然在做脑死亡 – 我错过了什么？

得到它使用以下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;
}

你搞砸了一个班级名字就是全部.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!