css - animating using angular animate -

i use .ng-hide set height 0px

.ng-hide .bar {   height: 0px; } 

and when .ng-hide remove height set 5px;

.bar {   transition: height linear 2.5s;   border-width: 0px;   margin: 0px;   height: 5px; } 

however don't see transition happening. (i expected results like: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_animation_css )

not sure missing here:

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

starting version 1.2 of angularjs, animations not part of core anymore.

so means have include angular-animate.js file webpage , reference nganimate module inside of application module

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script>   var app = angular.module('plunker', ['nganimate']);