angularjs - Angular animate not working with swappable divs -

angularjs - Angular animate not working with swappable divs -

i'm trying create animated transitions when swapping 2 divs using ng-show , ng-hide on both. code:

<div ng-show="logintoggler === 'register'"> register </div> <div ng-show="logintoggler === 'login'"> login </div>

my css partial animating :

.ng-hide-add { animation:0.5s lightspeedout ease; } .ng-hide-remove { animation:0.5s lightspeedin ease; }

animations working when first div appearing/disappearing. none of suitable transition effects apply on sec div (it works same way when swap divs position in code - 1 before in code has transition effects applied).

angularjs web jquery-animate transition