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.

 

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

Add the Javascript

Add the ACF Loop Accordion Code

Name Description Sizes Colors

 

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.

 

 

Ref