Divi Show / Hide Button Module

Divi Show / Hide Button Module

Show, hide and toggle Divi Builder sections, rows and modules at the click of a button.

Hide any part of your page
Reveal any part of your page
Toggle any part of your page

Automatic updates. No recurring fees.
90 day money back guarantee.

Adds a New Divi Builder Module

This handy plugin adds a new "Show / Hide Button" module to the Divi Builder. It behaves a similarly to the built-in button module, but instead of linking to another page, it lets you control the visibility of elements on the current page.

With it you can easily bring your pages to life with a range of dynamic effects.

Reveal hidden content at the click of a button. Let users hide the elements they no longer need to see. Or let them repeated hide and reveal (i.e. toggle) elements as they please.

You can even create more complex effects like button-controlled tabs, swapped elements, or multi-step forms. You can even hide the button itself once clicked.

All with one simple module.

Reveal Hidden Content

Keep your pages clean and concise by hiding content initially and letting your users choose if / when to view it.  Simply add the CSS id or CSS class of your hidden element at:

Button Settings > When Button Clicked… > Show these Elements

Then when the button is clicked, the elements will be revealed. 

If you need to, you can add multiple CSS ids, classes or even complex CSS selectors, separated by commas.

Here's the hidden content!

Hide Content

Let your readers hide the content they're finished with, so they can focus on the rest of the page.  Simply add the CSS id or CSS class of the elements to hide at:

Button Settings > When Button Clicked… > Hide these Elements

Then when the button is clicked, the elements will be hidden. 

Again, if you need to, you can add multiple CSS ids, classes or even complex CSS selectors, separated by commas.

You can hide this by clicking the button above.

Toggle Content

Let your users choose whether or not to view content.  Simply add the CSS id or CSS class of the elements to toggle at:

Button Settings > When Button Clicked… > Toggle these Elements

Then when the button is clicked, hidden elements will be revealed and displayed elements will be hidden. Repeated clicks will continue to toggle the elements. 

Once again, if you need to, you can add multiple CSS ids, classes or even complex CSS selectors, separated by commas.

You can toggle this by clicking the button above.

Testimonials

Wyre Web Design

John Boase of Wyre Web Design

 

"I recently downloaded and installed the very reasonably priced Divi Show / Hide Button Module from Divi Booster (whose other plugin, Divi Booster I have used many times over many years) and it makes adding a Show / Hide Button to Divi exceptionally easy without having to know or use any coding…a big bonus for me!

It provides you with the ability to hide or show and / or toggle any section or number of sections and / or any row or number of rows and / or any module or number of modules by just adding whatever CSS ID you choose to the relevant section, row or module and they even show you how to do this on their website. It is so easy yet so powerful and you can have multiple buttons all doing different things on the same page with different button text…amazing!

I did require another feature though and that was to have the button show different text when clicked and open (i.e. button text is 'Read More' when closed but changes to ‘Close' when clicked / opened then changes back to 'Read More' when clicked / closed again so I contacted the developer and Dan responded quickly and said he would add that feature in the next update, which he did 2 days later! Brilliant service.

I highly recommend Divi Booster to anyone who wants 'easy to use' yet essential and productive cost effective plugins for Divi."

Divi Show / Hide Button Module

Automatic updates. No recurring fees.
90 day money back guarantee.