Ng animate in angular js

Ng animate in angular js

I need to show the div with animated effect .
<div class="appdrawer pull-right tab-{{ showDetails }}"
data-ng-click="showDetails = !showDetails; showDetails1 = false;
showDetails2 = false;" >Apps</div>
<section id="workbench-apps" data-ng-class="{ 'hidden': ! showDetails }"
data-ng-animate=" 'animate' ">
<div class="rowfluid">
Apps
<div class="applist" data-ng-repeat="applist in applists">{{
name }}</div>
</div>
</section>
i tried with above code,but not working ,pls suggest a angular way