title: Is there an angular animate way to emulate this ng-class behaviour
body: <p>I tried to use ng-animate i included in my controller 
  app = angular.module('Packs', ['ngAnimate']);
  This is my style: </p>
  
  <pre><code>&lt;style&gt;
      .animate-in {
          opacity: 0;
          max-height: 0;
          overflow: hidden;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;
      }
      .animate-out{
          opacity: 1;
          max-height: 200px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>This is the html that is not working, well, it does work, just i had to do it toggling classes manually, i wanted to use ng-animate</p>
  
  <pre><code>&lt;div ng-click="toggle('pack1')"&gt;
      &lt;div class="text" 
          ng-class="{'animate-in' : !displays.pack1,
                 'animate-out' : displays.pack1}"&gt;
                              Some text to toggle
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>