Gutenberg Accordion Block



Accordion Block, It is a group of elements that expand when clicked on.

With HayyaBuild you can add accordion block to any page or post. Also, with HayyaBuild you can add accordion block to your WordPress headers and footers.
Accordion block comes with a many options for customizing icons, color, backgrounds, effects and more!. You can add any other blocks (from HayyaBuild or any other plugin) inside accordion content.
In this page you can find some examples for Gutenberg Accordion Block.

Content 1

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more blocks…

Content 2

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Content 3

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Examples

Content 1

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more…

Content 2

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Expand this by default

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Content 4

HayyaBuild features list block

You can add any other blocks that you want inside accordions content.

Always expanded

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more…

Hey!! I need my icon

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Accordion Title C

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Vertical Accordion

Vertical Accordion

HayyaBuild is a powerful and straightforward WordPress plugin that offers responsive headers, pages layouts, shorcodes and footers builder,
this plugin lets you to create an unlimited number of headers, contents and footers using Gutenberg editor.

HayyaBuild 5.0 now working with new WordPress Gutenberg editor, so you can use HayyaBuild blocks with pages editor, posts editor or any post type using Gutenberg editor.

Create and manage powerful content for your WordPress blog or website, it's an easy to use HayyaBuild plugin that will help you to save your time and grab your visitor's.

Vertical Title 2

Create and manage powerful content for your WordPress blog or website, it's an easy to use HayyaBuild plugin that will help you to save your time and grab your visitor's.

Vertical Title 3
Background Image

In this accordion set background image, border radius, opacity, and font color
You can customize this block as you want.

With HayyaBuild you can add accordion block to any page or post. Also, with HayyaBuild you can add accordion block to your WordPress headers and footers.

Accordion Background

And in this sections we set the background color and opacity for just this one.

Accordion Background 2
GET IT NOW | 29$
Unlimited Colors - green

GREEN
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - blue

BLUE
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - dark

DARK
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - red

RED
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - yellow

YELLOW
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

For more information about what personal data we collect and why we collect it you can read our privacy and policy from here

OK

Join our mailing list

We would like to send you special offers, security updates and information by email. To join our mailing list, simply add your email in the box below then press enter.

(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);


We Don't Send Spam Emails and of course, you can cancel your subscription at any time; simply click on the “Unsubscribe” link in the footer of the last newsletter issue.
To skip this form just click here.