title: Angular bootstrap animated tabs transition in but not out
body: <p>I'm trying to add an animated slide effect when different tabs are chosen on a page. So far it only half works.</p>
  
  <p>I'm using animate.css as I hoped it would make things pretty simple, but I'm finding that the transitions only seem to affect content on it's way in, and not on the way out (ie content bounces in correctly, but does not slide out).</p>
  
  <p>I have seen this unanswered question, which seems to address the same issue, but did not help me find an answer (<a href="https://stackoverflow.com/questions/19961952/angularjs-1-2-animations-with-animate-css-hide-animation-doesnt-seem-to-fire">https://stackoverflow.com/questions/19961952/angularjs-1-2-animations-with-animate-css-hide-animation-doesnt-seem-to-fire</a>).</p>
  
  <p>Can anybody point me in the right direction?</p>
  
  <p>plunker here: <a href="http://plnkr.co/edit/cERDGS2zvUxOyqboFZXT?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/cERDGS2zvUxOyqboFZXT?p=preview</a></p>
  
  <p>Thank you</p>