Accordion block

Accordion block

The Accordion block stacks content into panels that open and close with a click, which keeps long pages such as FAQs tidy.

Accordion block example

Main settings

  • Items: add, remove and reorder panels; each panel has its own title and content area.
  • Toggle behavior: choose whether opening one panel closes the others.
  • Panel style: set colors, spacing, borders and the open or close icon for the panel headers.
  • Body style: control padding, background and typography for the panel content.
  • Advanced: spacing, animation, visibility per device and custom CSS classes.
Accordion block settings

How to add it

  1. Open the page or post in the block editor and click the + (block inserter) button.
  2. Search for Accordion and choose the Roobely Accordion block.
  3. Type a title for each panel and add text, images or other blocks inside it.
  4. Set Toggle behavior and style the panels in the sidebar.
  5. Click Update or Publish, then preview the page to check it on desktop and mobile.
Accordion block example
Shopping cart0
There are no products in the cart!
Continue shopping
0