Option Appearance
HTML
<script>
$(document).ready(function() {
$("input[name$='certified']").click(function() {
var test = $(this).val();
$("div.desc1").hide();
$("#certify" + test).show();
});
$("#yes").click(function(){
$("#certify2").css("display","block");
});
});
</script>Certified?
<div id="MyDIS-Certified">
<input type="radio" id="yes" name="certified" value="2" />Yes
<input type="radio" id="no" 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...
CSS
#certify2{
display: none;
}