title: Accordion using AngularJS and CSS animations
body: <p>Using just Angular JS Animate and Css Animation, I am trying to create an Expand/Collapse (Accordion) similar to the bootstrap collapse seen here: <a href="http://getbootstrap.com/javascript/#collapse" rel="nofollow">http://getbootstrap.com/javascript/#collapse</a></p>
  
  <p>I have an issue with the expandable items, they pop back and forth depending on height of the expanded "show" content. See my Plunker for more a visual</p>
  
  <p>My work so far: </p>
  
  <pre><code>var expandCollapseApp = angular.module('expandCollapseApp', ['ngAnimate']);
  
  expandCollapseApp.controller('expandCollapseCtrl', function ($scope) {
      $scope.active = true;
      $scope.active1 = true;    
  });
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/wBYsFM?p=info" rel="nofollow">http://plnkr.co/edit/wBYsFM?p=info</a></p>