AngularJS 1.2 ng-show height animation

Question

Angular JS 1.2を使用して高さアニメーションを作成しようとしています。キービットがここにこのCSSされた状態で

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

：私は、アイテムを閉じるために働いてアニメーションを持ってここにplunkerを持って

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

しかし、私はどのように把握することはできませんそれが開けての項目のために働くようにする。私は明らかに何かをしているbraindead - 私は何が欠けているのですか？

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

あなたは、クラス名がすべてで台無し。