--- title: "How to open an Accordion on hover in Elementor?" url: https://theplusaddons.com/docs/elementor-accordion-on-hover/ date: 2023-01-23 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-open-an-Accordion-on-Hover-in-Elementor_.jpg word_count: 275 --- # How to open an Accordion on hover in Elementor? ## - The Plus Addons for Elementor Accordion widget includes an On Hover Accordion switch in Content > Special Option, and Extra Option > Active Tab set to 0 makes every item start closed. - On Hover Accordion is part of The Plus Addons for Elementor Pro, while the free plugin shows an upgrade notice instead of working. - On Hover Accordion hides Horizontal Accordion and does not open items from anchor links to a Unique ID; on touch screens, a tap on a title opens the item. 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](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## 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 - Add the Accordion widget and your items.- In **Content > Special Option**, turn on **On Hover Accordion**.- Optional: set **Extra Option > Active Tab** to **0** so every item starts closed. ![On Hover Accordion turned on in the Special Option section](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-hover.webp) Publish and move your mouse over the titles. ![Accordion items opening on hover](https://theplusaddons.com/wp-content/uploads/2023/01/accordion-on-hover-demo.gif) ## 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 - [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)- [Set the accordion closed by default](https://theplusaddons.com/docs/set-elementor-accordion-closed-by-default/)- [Accordion vs toggle](https://theplusaddons.com/docs/elementor-accordion-vs-toggle/) ## Frequently Asked Questions **Q: How do I make an Elementor accordion open when I hover over it?** A: The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides an On Hover Accordion switch inside the Accordion widget. Turn that on in Content > Special Option, then publish and test by moving your mouse over the titles. This mode is useful for short, scannable lists because it removes the extra click and opens items as soon as the pointer reaches them. **Q: What do I need before using hover open on an accordion in Elementor?** A: The feature is part of The Plus Addons for Elementor Pro, so the free plugin shows an upgrade notice instead of enabling it. The Accordion widget also has to be switched on under The Plus Addons > Widgets. That matters because the hover behavior is not a standalone Elementor setting, it depends on the addon widget being active first. **Q: Why can't I see Horizontal Accordion when hover mode is enabled?** A: Horizontal Accordion is hidden while On Hover Accordion is on, because the two options cannot be used together. If you need the horizontal layout, turn off On Hover Accordion first. That limitation is built into the widget behavior, so it is not a styling issue or a missing setting. **Q: How should an accordion behave after I turn on hover open?** A: Hover mode opens the item under the pointer and closes the one that was open before it. The item stays open when the mouse leaves, and it only closes when another item opens. Clicking an already open item does not close it in this mode. On touch screens there is no hover, so a tap on a title opens it instead. **Q: What is the best way to start all accordion items closed with hover open?** A: Set Extra Option > Active Tab to 0 if you want every item to start closed. That pairs well with On Hover Accordion because it avoids one item being open before the visitor interacts with the list. It is a small setup choice, but it changes the first impression of the widget from pre-opened content to a cleaner collapsed state. **Q: Why don't anchor links to an accordion item open it in hover mode?** A: Anchor links to an item’s Unique ID do not open items when hover mode is active. That means deep-linking behavior is limited in this setup, so visitors will still need to hover or tap a title to reveal content. If you rely on direct item linking, this mode changes that interaction model and can affect how users land on specific sections.