Do you want an accordion that drives a slider? Connect the two, and opening an item shows the matching slide — great for feature tours or step-by-step guides with visuals.
The Accordion widget from The Plus Addons for Elementor connects to the Anything Carousel widget with a shared ID.
To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Carousel Connection ID is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.
- Widget to enable: Accordion, switched on under The Plus Addons > Widgets.
- The Anything Carousel widget on the same page (it is in the free plugin too; the Accordion side of the connection needs Pro).
Step 1: Set up the carousel
- Add the Anything Carousel widget and add one slide for each accordion item, in the same order. Slides can use Elementor templates.
- In its settings, type an ID in Unique Carousel ID, for example
faq-slider. Use letters, numbers and hyphens.
Step 2: Connect the accordion
In the Accordion widget, go to Content > Extra Option and type the same ID in Carousel Connection ID.
Publish. Opening an accordion item now moves the carousel to the matching slide, and changing the slide opens the matching item.
How It Behaves
- Item 1 goes with slide 1, item 2 with slide 2, and so on — by position, not by name.
- It works in both directions.
Limitations
- Keep the counts equal. Extra items or slides have no partner.
- One carousel per ID on a page.
- Hover mode: changing the slide does not open items when On Hover Accordion is on.
Troubleshooting
Nothing moves
Check that both IDs are identical (they are case-sensitive) and test on the published page.
