Create An ACF Repeater Accordion in WordPress

Create An ACF Repeater Accordion for use in WordPress.

Accordions can be a handy way of managing larger amounts of data to display only certain bits at a time.

Create the ACF Repeater fields for the accordion.

Accordion Acf Repeater


You can create as many accordion fields as needed, assign the field group to a post or page and populate the repeater rows.

Accordion Acf Repeater Rows

Add the Javascript

Add the ACF Loop Accordion Code

Fred Perry

The brand founded by triple Wimbledon champion Fred Perry in 1952 and adopted by generations of British subcultures ever since. T


Red, Green, Blue


Some additional CSS styling is needed, which is included in the code. The ACF Repeater code is pretty simple with just 2 fields used for the accordion label and accordion content.


Shortcode Version

You can also do it as a shortcode and insert the loop.