JSFiddle - React, Tailwind, and code Playground
by davehol
HTML
<div id="tfa_57-D" class="oneField ">
<label id="tfa_57-L" for="tfa_57" class="label preField ">Are you enrolling in a unit of competency?</label><br><div class="inputWrapper"><select id="tfa_57" name="tfa_57" class=""><option value="">Please select...</option>
<option value="tfa_59" id="tfa_59" class="">No</option>
<option value="tfa_60" id="tfa_60" data-conditionals="#tfa_62" class="">Yes</option>
<option value="tfa_61" id="tfa_61" data-conditionals="#tfa_62" class="">Unsure</option></select></div>
</div>
<div id="tfa_62" class="section group" data-condition="`#tfa_60` OR `#tfa_61`">
<label class="label preField" id="tfa_62-L"> </label><br><div class="htmlSection" id="tfa_64"><div class="htmlContent" id="tfa_64-HTML">A unit of competency is a nationally recognised course which awards you with a qualification with 'the specification of the standards of performance required in the workplace'. Refer to the course outcomes.</div></div>
<div id="tfa_63-D" class="oneField ">
<label id="tfa_63-L" for="tfa_63" class="label preField ">Middle name (per identification)</label><br><div class="inputWrapper"><input type="text" id="tfa_63" name="tfa_63" value="" placeholder="" class="validate-alphanum"></div>
</div>
<div id="tfa_65-D" class="oneField ">
<label id="tfa_65-L" for="tfa_65" class="label preField reqMark">Citizenship</label><br><div class="inputWrapper"><select id="tfa_65" name="tfa_65" class="required"><option value="">Please select...</option>
<option value="tfa_66" id="tfa_66" class="">Australian/New Zealand citizen</option>
<option value="tfa_67" id="tfa_67" class="">Permanant resident</option>
<option value="tfa_68" id="tfa_68" class="">Temporary resident</option>
<option value="tfa_69" id="tfa_69" class="">Other</option></select></div>
</div>
</div>