AngularJS 1.2 ng-show chiều cao hoạt hình

Question

Tôi đang cố gắng để có được một hình ảnh động chiều cao làm việc bằng cách sử dụng Angular JS 1.2. Tôi đã có một plunker đây có các hình ảnh động làm việc cho đóng cửa các mục:

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

Với chút chính là CSS này ở đây:

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

Nhưng tôi không thể tìm ra cách để làm cho nó hoạt động cho mở mục. Tôi rõ ràng đang làm điều gì đó braindead - tôi đang thiếu gì?

Answer 1

Got nó làm việc với CSS sau đây:

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

Bạn sai lầm một tên lớp là tất cả.