Accordion Menus - One click open

Support
#1

Hello,

Is it possible to have multiple accordions on a page all open with the click of a single button?

Best,

Matt

#2

Hi Matt,

This is a feature not available out of the box in Pro through this is possible with some custom Javascript code. Since this goes beyond the scope of our support, I can give some pointer about how you could possibly implement it.

You can write a jQuery code that will listen to the click event of the button element then you could just add an remove classes to the accordion items.

Accordion items header has the class x-acc-header so you can target it and add the class x-active if you will set it as an active accordion header.

Then for the accordion content, adding the class x-collapsed will close the accordion content.

https://api.jquery.com/removeclass/
https://api.jquery.com/addclass/

Hope this helps you get started.

#3

Thanks for your help.

#4

Glad we were able to help :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.