Accordion FAQ Template

The accordion template is the classic way to display FAQs!

Every single FAQ theme available for the accordion template is displayed below, and these are all included in the Flexible FAQs WordPress plugin. Make sure to check out the other FAQ templates and demos via the menu links to the left.

Did you know? Each FAQ theme can be used as a starting point and customized to your specific needs. These can then be saved as a new FAQ theme and reused in other FAQ blocks and shortcodes!

Take a look at the live accordion FAQ examples below. Click on any FAQ item to expand/collapse. Enjoy!

Default (1)

Default accordion FAQ theme.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

No Icon Rotation (2)

Icon doesn't rotate when an FAQ item is expanded.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Blue Question Background (3)

Custom color added to the question background, and expand icon is left-aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Red Question Text (4)

Custom text color with left-aligned 'plus' expand icon.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Sage Choice (5)

Expand icon is left aligned, and the FAQ container has custom sage border, background, and text colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Green & Grey Sage (6)

Expand icon is left aligned, and the FAQ container has custom sage border, background, and grey text colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Banoffe (7)

Unique Banoffee inspired color scheme!

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Banoffe Reloaded (8)

Same as 'Banoffe' theme but custom expanded question colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Pastel Calm (9)

Calm blend of pastel colors. Larger arrow icon, right aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Simple Elegant (10)

Simple elegant unobtrusive style, with 'plus' expand icon. Question text isn't bold by default.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Box Shadow (11)

Subtle box shadow effect added to the FAQ container.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Chunky Pink Lime (12)

Pink and lime based theme with chunky border.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Custom Arrow Icon (13)

Custom arrow icon with different expand/collapse colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Corporato (14)

Red question text, light cream background. Icon left aligned with custom black/white color.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Caramel (15)

Soft caramel colors with increased question padding and custom arrow, right aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Compact Caramel (16)

Compact version of 'Caramel' with less padding, and normal font weight for the question text.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Caramel Blue (17)

Soft caramel colors with a twist of blue. Increased question padding and custom arrow, right aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Turquoise Delight (18)

Turquoise colored theme.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Turquoise Delight Dark (19)

Turquoise colored theme, with dark answer text.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Custom Question Background (20)

Custom question text & background colors for when FAQ items expanded.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Thicker Container Border (21)

Thicker container border, and smaller right-aligned arrow icon.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Tangerine Dream (22)

Tangerine colored theme with reduced padding.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Tangerine Twist (23)

Tangerine theme with a twist!

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Custom Plus Icon (24)

Custom plus icon, left aligned with blue expand and yellow collapse colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Custom Width & Centered (25)

FAQ container set to fixed width, and center aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Another Custom Width & Centered (26)

FAQ container set to fixed width, and center aligned. This time with pink expand/collapse icons!

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Another Custom Plus Icon (27)

Another custom plus icon, left aligned with default colors.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Compact No Icon (28)

No icons and with reduced question padding. Container width set to 75%.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Neon Alive (29)

Contrasting blue border and red question text makes this a standout theme!

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

No FAQ Container Border (30)

FAQ container border removed. Spinning expand/collapse icon right aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Another No FAQ Container Border (31)

FAQ container border removed. Custom colored arrow icon, left aligned.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

No FAQ Border & Drop Shadow (32)

Same as 'No FAQ Container Border' theme, with drop shadow effect added to FAQ container.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

No Icon, Custom Colors (33)

No expand icon. Custom colors for Question text and Answer background.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Bubble (34)

Rounded corners for question and answer containers.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Super Bubble (35)

Even more rounded corners for question and answer containers.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Blue Separator Strip (36)

Blue separator border between Q/A when expanded.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Grey Separator Strip (37)

Grey separator border between Q/A when expanded. Rose colored question text.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Thicker Separator Border (38)

Thicker border between FAQ items. Custom left-aligned icon.

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

Candy Floss Square (39)

Beautiful candy floss flavored FAQ theme!

His shield is made of Vibranium. From Wikipedia:

‘Vibranium (/vaɪˈbreɪniəm/) is a fictional metal appearing in American comic books published by Marvel Comics, noted for its extraordinary abilities to absorb, store, and release large amounts of kinetic energy.

He was bitten by a radioactive spider during a school trip.

Wonder Woman, a.k.a Diana Prince which is her civilian name.

We hope you like the core accordion FAQ themes available. Please let us know if you have any suggestions, we’re always looking to add more themes to each template.

Note: Only a few FAQ items are shown for each demo below due to the sheer number of themes available for the accordion template.