showhide2.html

<style>
.show-hide.ng-show,
.show-hide.ng-hide {
  transition:0.5s linear all;
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
}

.show-hide.ng-show {...}
.show-hide.ng-show.ng-show-active {...}
.show-hide.ng-hide {...}
.show-hide.ng-hide.ng-hide-active {...}

  
.show-hide.ng-hidden ?
</style>

<script>
//JS
ngModule.animation('.show-hide', function() {
  return {
    hide : function(element, done) {
      animate(..., done);
    },
    show : function(element, done) {
      animate(..., done);
    }
  }
});
</script>