AngularJS 1.2 ng-mostra l'animazione dell'altezza

Question

Sto cercando di ottenere un'animazione dell'altezza che funzioni utilizzando Angular JS 1.2. Ho un plunker qui che ha l'animazione di lavoro per la chiusura della macchina:

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

Con il bit chiave è questa CSS qui:

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

Ma io non riesco a capire come per farlo funzionare per aprendo l'articolo. Ovviamente sto facendo qualcosa di braindead - cosa mi manca?

Answer 1

ottenuto che funziona con il seguente 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; 
} 

incasinato un nome di classe è tutto.