Question

I just started working with AngularJS a few days ago and I would like to know how could I toggle a class by clicking a button on another div, I want to achieve the collapsible thinghy from Twitter Bootstrap. All they do is add an in class to the targeted div ( the rest is taken care of by the CSS ) and setting the height on the div.

I know that there’s AngularUI Bootstrap, but they only have an Accordion available, which isn’t very convenient because I won’t have the trigger for the collapse anywhere near the collapsible content.

Answer 1

You can use ng-class on your div:

    <div ng-class="{in: myvar == true}">foo</div>

You just have to set myvar to true in your controller and css will be applied.