Skip to content

How to open an Accordion on hover in Elementor?

Table Of Content

Do you want accordion items to open as soon as visitors point at them? Hover opening saves a click and suits short, scannable lists.

The Accordion widget from The Plus Addons for Elementor has an On Hover Accordion switch for this.

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 — On Hover Accordion 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.

Steps

  1. Add the Accordion widget and your items.
  2. In Content > Special Option, turn on On Hover Accordion.
  3. Optional: set Extra Option > Active Tab to 0 so every item starts closed.
On hover accordion turned on in the special option section

Publish and move your mouse over the titles.

Accordion items opening on hover

How It Behaves

  • Moving over a title opens it and closes the item that was open.
  • The item stays open when the mouse leaves. It closes only when another item opens.
  • Clicking an open item does not close it in this mode.
  • On touch screens there is no hover: a tap on a title opens it.

Limitations

  • Not with Horizontal Accordion. The Horizontal option is hidden while On Hover is on.
  • Anchor links to an item’s Unique ID don’t open items in hover mode.

Troubleshooting

I can’t find Horizontal Accordion

Turn off On Hover Accordion; the two can’t be used together.

Related Docs

Related Frequently Asked Questions

Related Docs