Angular ui bootstrap accordion "only open one at a time" not working

Question

I have an accordion (expandable / collapsible) using Angular UI Bootstrap which has three panels.

I don't want the user to be able to open multiple panels at a time. The documentation give this option

<accordion close-others="oneAtATime">

With this in the controler

$scope.oneAtATime = true;

But I'm still able to open multiple panels at a time. What am I missing?

Answer 1

use it like this

<accordion close-others = "true">

</accordion>

Check this plunker

If these changes are not giving you expected results, then something else is not correct in your program, check the dependencies and create a plunker and post the link