---
title: "How to open Accordion Tabs on hover in WordPress?"
url: https://nexterwp.com/docs/wordpress-accordion-on-hover/
date: 2023-02-08
modified: 2026-08-10
author: "Aditya Sharma"
description: "An accordion tab is a great way to create an organized interface for your website visitors to find the information they need quickly and easily. It is also an effective..."
image: https://nexterwp.com/wp-content/uploads/2024/05/wordpress-accordion-on-hover-1024x519.jpg
word_count: 313
---

# How to open Accordion Tabs on hover in WordPress?

## Key Takeaways

- Nexter Blocks Accordion block sets accordion items to open on hover by selecting On Hover from the Accordion Type dropdown in Extra Option.
- Nexter Blocks Accordion block removes the need for additional code or plugins when all accordion items open as a visitor hovers over the title.
- Image Accordion block displays a horizontal or vertical image-based accordion layout, while the hover setting suits FAQ pages, product feature sections, pricing pages, and feature comparison sections.

An accordion tab is a great way to create an organized interface for your website visitors to find the information they need quickly and easily. It is also an effective way to break up large amounts of text, making it easier for readers to digest the content.

But what if you want to open the tab on hover in WordPress?

The Accordion block in [Nexter Blocks](https://nexterwp.com/nexter-blocks/) lets you set accordion items to open when a visitor hovers over the accordion title. Visitors do not have to click each item to reveal the content, which makes accordions useful for FAQ pages and product feature sections.

**Best Used For:**

- FAQ sections on SaaS or product pages where visitors scan without clicking- Service pages with multiple expandable content areas- Knowledge base pages where hover-based browsing speeds up the reading experience

*To check the complete feature overview documentation of the Nexter Blocks Accordion block, see [How to Add an Accordion in WordPress](/docs/accordion-block-settings-overview/).*

**Note:** This block is part of Nexter Blocks. Make sure Nexter Blocks is installed and activated before following these steps.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/?from=tpblocks&utm_source=tpag&utm_medium=docs&utm_campaign=text)

Add the Accordion block to your page. In the block settings panel, go to **Extra Option** and from the **Accordion Type** dropdown, select **On Hover**. This is useful when you want visitors to explore accordion content without repeated clicking, such as on a pricing page or feature comparison section. For a visually distinct option, the [Image Accordion block](/docs/create-an-image-accordion-in-wordpress-horizontal-amp-vertical/) lets you display a horizontal or vertical image-based accordion layout.

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-layout-type-onhover-new.png)

With this setting applied, all accordion items open when a visitor hovers over the title. No additional code or plugins are needed. If you want a similar hover interaction for your navigation tabs, see [How to Change WordPress Tabs on Hover](/docs/change-wordpress-tabs-on-hover/) for the Tabs block on-hover setup.

To extend the Accordion block further, see [How to set an anchor link to an accordion item in WordPress](https://nexterwp.com/docs/anchor-link-wordpress-accordion-item/).