Join the waitlist

Build an FAQ accordion in WordPress

WordPress already has an accordion. Grinner gives it your own open icon, a smooth slide as answers open, and questions that arrive one by one.

Get Grinner free
See it live

Type

An upgrade to the Accordion block

Find it

Add an Accordion, then open its block settings

Phones

Works the same on touch, nothing needs hover

Speed

It stays the core block, with a little extra styling

Live demo

Answers that slide open.

This is the real Accordion (FAQ) setting, running on this page.

Only for groups of six or more. Everyone else can walk straight in.

Yes, dogs are welcome inside, and there is always a water bowl by the door.

We do, at no extra charge, along with soya and almond.

Every day from 8am to 4pm, and until 6pm on Fridays.

Settings    Enable marker caret-down     Rotate on open (°) 180     Enable entrance Drop

What you can change

The settings worth knowing.

Four switches cover nearly every FAQ you will build.

Two free spaces around the back.

Yes, from the side door.

Enable marker

Your own open icon

Swap the plus for any Phosphor icon that turns as the item opens, with its own size and color.

Roast tomato and red pepper, with fresh bread on the side.

Enable open animation

A gentle slide

Answers glide open over the time you choose, with four easings.

Yes, at the counter.

Card and phone only.

Ask for the code at the till.

Enable entrance

Questions in turn

Items fade, slide, drop or swing in one after another as the accordion arrives.

Ring us and it will be ready when you arrive.

Width (px)

A clear keyboard ring

Set the focus ring keyboard users see, in a palette color, width and offset.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Add an Accordion

Press + and add WordPress’s own Accordion block, then write your questions and answers.

3

Switch on the extras

In the block settings, turn on the marker, the open animation and the entrance, then publish.

Good to know

Fair questions.

It is a Grinner upgrade to WordPress’s own Accordion block. It adds your own open icon, a smooth slide as each answer opens, and questions that arrive one by one. Use it to make a questions section feel finished without changing how you build it.

Not the accordion itself. It opens on a click or a tap. For panels that open on hover, use Hover List with the Expanding panels preset.

WordPress adds one on hover. Turn it off on each question with Typography, Decoration, None.

Yes. An item set to start open shows open on load, without the slide.

There’s no entrance, and answers and the icon change instantly.

GrinBot -⁠ coming soon

Make your next site beautiful.

GrinBot designs and builds it for you. Join the waitlist for the launch price.

  • Studio-quality design
  • Built for speed
  • Pay once, no subscription

You’re on the list. We’ll email you when GrinBot launches.

Something went wrong. Please try again in a moment.

We’ll email you about the launch. Unsubscribe any time. Privacy policy

Or get the free Grinner plugin →

Pairs well with

Try it with these.

All text features

Card Mode

Turn a section, or each block in it, into a card with one switch.

Section entrances

Sections fade, slide or zoom in, one after another.

Hover List

Big link rows that show each one’s picture on hover or keyboard focus.

Grinner grinning

Go make something
beautiful.

Get Grinner free

Free on WordPress.org · No Pro version