I have used ACF Pro to create a product generator on a website.
Ideally, I would like to use a expand/collapse function for each product area listed.
But seem to have his a stumbling block as with each repeating row displayed on the page using the same div class or ID my code was getting confused.
Does anyone know of a simple way to implement a expand and collapse feature with ACF?
The page I have built out is here : https://tinyurl.com/lresbm4
You can see the black arrows to the right of each section. Clicking these would expand and collapse the area, but I ideally want the area to be collapsed on load.
Any help would be appreciated.
I have found a simple script, however, the expand and collapse feature only appears to work with the first item in the repeater.