One of the additional features available in Pro edition of Advanced Custom Fields is the Repeater field using which unlimited number of field groups can be populated in the admin.
In this tutorial I show how a FAQ repeater field having a Question text type and Answer Wysiwyg Editor type sub fields attached to a static Page can be set up such that answers slide down when the questions are clicked using jQuery Collapse.
We will also add Open all and Close all buttons that open and close all the panels at once respectively.
Screenshots:
With a FAQ row expanded:
Step 1
Create a FAQ field group and add FAQ repeater field in it with Question text sub field and Answer Wysiwyg Editor sub field. Here's an export file of the same.
