Controlling the accordion programmatically in JavaScript

[enkemari]

Hi,

I'd like to control the accordion programmatically with something like:

HTML:

JS:
vm.angAccordion.isOpenned = false;

Is there something I'm missing that allows for this already?

[uxxman]

Hi,

Currently there is no way to open/close collapsible items grammatically, you can only specify which collapsible items are open/closed at the time the directive is rendering.

[enkemari]

Ok, thanks. It would be cool to do that, though.

For example, we're using the accordion in a search - we put all our search filters in the accordion and then when the user clicks on the Search button (also in the accordion), we'd like the accordion to close and the table displaying the search results to take up most of the screen. The user can then manually open the accordion again to do a new search.

[uxxman]

you can try for re-render of the directive, but I m not sure I haven't seen angularjs in ages. A good UI design would be to show the search filter accordion on left side and the results table on the right so at each point, user can see what filters are active for the results table

[ferchoman09]

I need open/close from Javascript controller too. +1

[tno2007]

Open/Close from Javascript. +1

[JayPatel1992]

Open/Close from Javascript. +1