How to open Accordion Tabs on hover in WordPress?

Updated on February 8, 2023 by Ananda

Table of Contents

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’s 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 Plus Blocks for Gutenberg Accordion block, gives you an easy option to make your accordions open when someone hovers over the accordion title, that way, users don’t have to click on the accordion items.

To check the complete feature overview documentation of The Plus Blocks for Gutenberg Accordion block, click here.

Requirement  – This block is a part of The Plus Blocks for Gutenberg, make sure its installed & activated to enjoy all its powers.

To do so, add the Accordion block to the page and go to Extra Option > Accordion Type from the dropdown choose On Hover option.

on hover accordion

With that one change, all your accordions will open when someone hovers over the title, as in the example below.

on hover accordion preview

Also check, How to set an anchor link to an accordion item in WordPress.