Accordion

See live demo for all the available settings for the ‘accordion‘ Gutenberg block.

Feature Demo – Nested Accordion

You can utilize our nested accordion feature to group related content together and display complex information with hierarchical relationships. This makes it easier for users to find what they’re looking for, especially when dealing with a large amount of information.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Donec luctus orci lectus, eu gravida enim sollicitudin eu. Nunc orci dolor, tincidunt non neque aliquam, luctus faucibus quam. Quisque malesuada tincidunt nulla ac consequat. Curabitur tincidunt mauris vel malesuada semper. Morbi in viverra tortor, at sodales eros. Praesent eget ante id augue varius tempus. Nullam quis leo sodales, interdum metus id, ultrices nunc. Suspendisse porta mi elit, ac dapibus dui vulputate ut. Aenean eget sapien et nibh mollis rhoncus. Duis consequat, massa non facilisis condimentum, arcu quam dictum diam, at posuere turpis leo quis erat. Donec pulvinar sapien at velit faucibus viverra. Nulla facilisi. Fusce eu lectus eget lectus aliquet suscipit ac sit amet tortor. Ut nec consectetur est. Sed mattis bibendum pulvinar.

Feature Demo – Label Counter Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum justo eget hendrerit laoreet. Morbi posuere massa pulvinar, egestas erat sed, imperdiet arcu. Donec ornare, mauris in feugiat varius, nisl tortor placerat urna, eget elementum velit neque non augue. Praesent ut hendrerit mi, ultricies dapibus metus. Nulla odio leo, tincidunt et turpis laoreet, commodo ullamcorper ipsum. Nulla scelerisque venenatis leo eu cursus. Pellentesque leo massa, porttitor vitae turpis sed, convallis molestie quam.
Nulla finibus turpis elit, ut tempor nulla tempor eget. Maecenas vulputate nisl ut quam viverra hendrerit. Vestibulum vulputate ultricies imperdiet. Phasellus vel magna ut sapien molestie consectetur ut sit amet felis. Cras varius fermentum eros eget posuere. Aenean a accumsan eros. Phasellus aliquet nisi eget viverra fermentum. Nam at convallis nisl, rhoncus commodo turpis. Vestibulum cursus rutrum iaculis. Nulla sodales, quam ac sollicitudin facilisis, orci nisi accumsan orci, sit amet viverra nisl tellus luctus nulla. Sed sagittis orci augue, in congue enim rutrum vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse tristique tellus a rhoncus rhoncus.
Praesent sed sagittis odio, cursus ultricies risus. Mauris pretium libero nec massa finibus, quis suscipit dui sagittis. Fusce rhoncus ante sed tempus cursus. Proin pharetra ex ut sapien pharetra, ut molestie lacus faucibus. Cras vel nunc nec dui mattis scelerisque non tempus elit. Nulla viverra sed dui at laoreet. Curabitur cursus ex ante, id finibus ligula ultrices in. Integer mollis cursus quam eu finibus.

Feature Demo – Flexible Positioning

Our style component includes almost all CSS properties, allowing you to create any imaginable style. If you’re unfamiliar with CSS, you can use our variations library to easily select and import your preferred design.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Feature Demo – Icon on Left Accordion

Easily select an icon from our vast collection of icon libraries (e.g. Font Awesome, Icon Font, and Bootstrap Icons) and position it anywhere you see fit!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Feature Demo – Icon on Right Accordion

Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.

Feature Demo – Image Block Under Accordion

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged

Feature Demo – Image Gallery Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever
Red Color Flower
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever

Feature Demo – Youtube Video Accordion

Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.

Feature Demo – Accordion with Tabs

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged

Feature Demo – Post Accordion

Our Post Accordion feature queries all the available posts and sets their titles as accordion headers. Under the accordion body, you can add dynamic post elements like feature images and post excerpts.

Red Color Flower

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, metus id pellentesque efficitur, turpis massa dignissim augue, ut imperdiet libero dui a ligula. Quisque

Suspendisse ante erat, ultricies at nibh vel, lobortis dapibus risus. Sed fermentum mi a massa vestibulum sollicitudin. Ut ut ligula vel ipsum placerat imperdiet. Vivamus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat non justo egestas rutrum. Pellentesque interdum elit eu semper tempus. Quisque aliquam purus non

Phasellus in lacus vitae enim semper fermentum id non risus. Maecenas sit amet nisl in felis mollis convallis. Maecenas laoreet lorem vitae ex eleifend sagittis.

 Fusce non nunc non eros aliquam vestibulum efficitur ut eros. Quisque ac blandit est. Donec at pellentesque ex. Fusce egestas nisl sed neque dapibus pharetra.

 accumsan sit amet ipsum nec, lobortis volutpat orci. Nullam venenatis massa a faucibus pretium. Pellentesque ultrices varius mauris vel facilisis. Maecenas lobortis, libero ut fringilla

ornare quis nunc. Donec vel augue luctus, aliquam orci non, malesuada nisl. Aenean vel orci fringilla, porttitor eros eget, tempor est. Nulla sem nisl, tincidunt

In hac habitasse platea dictumst. In nisi orci, consequat ut porta eget, sollicitudin non libero. Sed in viverra leo, ut gravida dolor. Pellentesque est eros,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat imperdiet scelerisque. Vivamus porta, elit ac lacinia suscipit, magna sem lobortis ipsum, eget mollis velit

Feature Demo – Post Gird Under Accordion

Red Color Flower
Blog
Lorem ipsum dolor sit amet ipsum dolor sit amet dolor amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, metus id pellentesque efficitur, turpis massa

Read More
Blog
Suspendisse ante erat, ultricies at puspendisse ante erat ultricies at

Suspendisse ante erat, ultricies at nibh vel, lobortis dapibus risus. Sed fermentum mi a massa vestibulum

Read More
Blog
Lorem ipsum dolor sit amet dolor alit emo dolor amet alit ono

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat non justo egestas rutrum. Pellentesque

Read More