Perfecto!! That is what I am doing actually. But this returns the duplicate hidden fields –
<div class="acf-hidden" id="acf-form-data">
<div class="acf-hidden">
These two divs are getting duplicated with each form group. But I never find any trouble with it though. However I am trying to delete duplicate hidden divs with jQuery. Something like this –
var $div = jQuery('form div.acf-hidden');
if ($div.length > 1) {
$div.slice(2, 100).remove();
}
The above solution allows me to create a multi-step form with custom styling and effects.