Option Appearance
HTML
<script>
$(function(){
$("#certify2").hide(); // Don't use CSS to hide - very inaccessible
$("input[name='certified']").on('change', function(){
var form = $("#certify2");
$(this).val() == 2 ? form.show() : form.hide();
});
});
</script>Certified?
<div id="MyDIS-Certified">
<input type="radio" name="certified" value="2" />Yes
<input type="radio" name="certified" value="3" />No
<br>
<br>
<div id="certify2" class="desc1">
<!-- If the User Selects Yes, the form data populates -->
<fieldset>
<legend>Certification Information</legend>
<div data-row-span="2">
<div data-field-span="1">
<label>RID</label>
<input type="text">
</div>
<div data-field-span="1">
<label>Type</label>
<input type="text">
</div>
</div>
<div data-row-span="2">
<div data-field-span="1">
<label>BEI</label>
<input type="text">
</div>
<div data-field-span="1">
<label>Level</label>
<input type="text">
</div>
</div>
<div data-row-span="1">
<div data-field-span="1">
<label>Other</label>
<input type="text">
</div>
</div>
<div data-row-span="2">
<div data-field-span="1">
<label>State Certified In</label>
<input type="text">
</div>
<div data-field-span="1">
<label>Year Certified</label>
<input type="text">
</div>
</div>
<div data-row-span="1">
<div data-field-span="1">
...