Creates an accordion section with toggle image effect

How do you create an accordion section with toggle image effect? E.g: you create a 2 columns. One column have accordion content and another column have image. This image will change/slide when you will move from one accordion item to another accordion item. See the live demo here.

Minimum Requirement:

• Advanced Custom Fields Pro plugin

Creating Custom Fields

Creating the custom fields with Advanced Custom Fields Pro (ACF Pro) plugin. I create a repeater field with title, content and image sub fields. I am sharing the JSON file here. Download the zip file, extract it and import the .json file from your Dashboard -> Custom Fields -> Tools page.

Adding the Data

You will go to correct page and enter the data like demo one.