title: AngularJS 1.2 ng-show height animation
body: <p>I'm trying to get a height animation working using Angular JS 1.2. I've got a plunker here that has the animation working for closing the item:</p>
  
  <p><a href="http://plnkr.co/edit/YVtnXgjO3Evb6tz5DJOp?p=preview" rel="noreferrer">http://plnkr.co/edit/YVtnXgjO3Evb6tz5DJOp?p=preview</a></p>
  
  <p>With the key bit being this CSS here:</p>
  
  <pre><code>.accordion-body {
    height: 100px;
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
  }
  .accordion-body.ng-hide-add,
  .animate-show.ng-hide-remove {
    display: block !important;
  }
  
  .accordion-body.ng-hide-add{
  }
  
  .accordion-body.ng-hide-remove{
  }
  .accordion-body.ng-hide {
    height:0;
  }
  </code></pre>
  
  <p>But I can't figure out how to get it to work for <em>opening</em> the item. I'm obviously doing something braindead - what am I missing?</p>