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 ACF Loop Accordion Code
/* Style the buttons that are used to open and close the accordion panel */
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* Style the accordion panel. Note: hidden by default */
padding: 0 18px;
content: ‘2795’; /* Unicode character for “plus” sign (+) */
content: “2796”; /* Unicode character for “minus” sign (-) */
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.
You can also do it as a shortcode and insert the loop.