CODEWITHSUNDEEP
javascriptcssangularjstwitter-bootstrapangular-ui-bootstrap
Patrick Borkowicz
Patrick Borkowicz

Reputation: 1216

Angular-ui-bootstrap accordion and collapse animation not working

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!

Upvotes: 8

Views: 7367

Answers (2)

mvermand
mvermand

Reputation: 6137

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']);

Upvotes: 23

Pedro Hoehl Carvalho
Pedro Hoehl Carvalho

Reputation: 2433

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>

Upvotes: 6

Related Questions