title: How to animate in angular js?
body: <ol>
  <li><blockquote>
    <p>I need to animate in angular-Js. I googled it.    but i can not get
        a perfect way to achieve this. </p>
  
  <pre><code>     html
  
             &lt;span class="sb-arrow down" ng-click="hideSampleList($event)"&gt;&lt;/span&gt;
  
          js:
              $scope.hideSampleList = function ($event) {
                  if ($($event.currentTarget).hasClass("down")) {
                      $($event.currentTarget).next().hide(300);
                  }
                  else {
                      $($event.currentTarget).removeClass("up");
                      $($event.currentTarget).addClass("down");
                  }
              }
  
  
          I have used jquery animate.
  
          Here how can i animate(show and hide) in angular js.
  
          can anyone please guide me
  </code></pre>
  </blockquote></li>
  </ol>