---
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-06-17
lang: en
author: "Aditya Sharma"
description: "Creating interactive elements on your website can give your page an extra layer of dynamic appeal and visual interest. If you are an Elementor user, particularly if you are a..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-open-an-Accordion-on-Hover-in-Elementor_.jpg
word_count: 254
---

# How to open an Accordion on hover in Elementor?

## 

- Utilizes The Plus Addons for Elementor to enable hover functionality on the Accordion widget.
- Activates the On Hover Accordion feature by navigating to Special Option and toggling it on.
- Requires installation and activation of The Plus Addons for Elementor to access the accordion hover feature.

Creating interactive elements on your website can give your page an extra layer of dynamic appeal and visual interest. If you are an Elementor user, particularly if you are a beginner, you may be wondering how to open an accordion on hover.

Since Elementor does not offer this option, we will use the Accordion widget from [The Plus Addons for Elementor](https://theplusaddons.com/).

With this widget, you can make your accordion open on hover, which is useful when you want users to reveal content as they browse without requiring a click.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here: [Elementor Accordion Widget Settings Overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)

**Requirement — This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.**

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, drag and drop the Accordion widget onto your page. Then go to **Special Option** > **On Hover Accordion** and enable the toggle to activate this feature. Use this when you want the accordion to feel more like a navigation menu, where hovering over a label reveals its content without requiring a deliberate click. This works especially well on desktop layouts where mouse-based browsing is the primary interaction pattern.

If you want to control which accordion item appears open when the page first loads, see [How to Set Elementor Accordion Closed by Default](https://theplusaddons.com/docs/close-first-elementor-accordion-bydefault/).

![](https://theplusaddons.com/wp-content/uploads/2023/01/Tpae-Accordion-On-Hover-Accordion-1.png)

Now your accordion will open from one item to another on hover.

![accordion on hover preview](https://theplusaddons.com/wp-content/uploads/2023/01/accordion-on-hover-demo.gif)

***Suggested Read:*** *[How to Set Elementor Accordion Closed by Default [3 Easy Steps]](https://theplusaddons.com/docs/close-first-elementor-accordion-bydefault/)*