Angular-ui-bootstrap accordion and collapse animation not working

Question

On the angular-ui-bootstrap demo/docs page, the accordion and collapse directives are both animated when clicking on an item.

However the animations do not work in the plunker demos also found on that page. Is some dependency missing or is it a possible bug?

(tested in chrome / firefox )

UPDATE:

I updated to version 0.14.3 on 2015-10-29 and everything works great now. Thank you to the angularUI team for all the hard work!

Answer 1

As of version 0.13, you need to include ngAnimate in your application:

1. bower install angular-animate --save

2. Add script reference to index.html (for example with grunt wiredep):

   <script src="vendor/angular-animate/angular-animate.js"></script>
   

3. Add the module reference to your Angular application, for example:

   angular.module('app', ['ngCookies', 'ngRoute', 'ngSanitize', 'ngAnimate']);
   

Answer 2

There is a bug on version 0.13 of bootstrap-ui Just change back to 0.12 like below:

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>