JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.0/angular-animate.min.js"></script>
<div ng-app="myModule" ng-init="addNewClass=false">
  <button ng-click="addNewClass=!addNewClass">Toggle Class</button>
  <div ng-class="{addNewClass:addNewClass}" class="my-toggle-animation">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit...
  </div>
</div>

CSS

.my-toggle-animation {
  -webkit-transition:0.5s linear all;
  transition:0.5s linear all;
  background:white;
  padding:10px;
  border:1px solid black;
  color:black;
  display: block;
}
.my-toggle-animation.addNewClass {
  display: none;
}

JavaScript

var myModule = angular.module('myModule', ['ngAnimate']);