JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<form id="serviceForm" action="#" onSubmit="required(this);" method="POST">
<input name="orgid" type="hidden" value="000001" />
<input name="retURL" type="hidden" value="#" />
<label for="company">* Company</label><br />
<input id="company" class="required" maxlength="80" name="company" size="80" type="text" /><br />
<br />
<label for="name">* Name</label><br />
<input id="name" class="required" maxlength="80" name="name" size="80" type="text" /><br />
<br />
<label for="email">Email</label> <br />
<input id="email" maxlength="80" name="email" size="80" type="text" /><br />
<br />
<label for="phone">Phone</label><br />
<input id="phone" maxlength="40" name="phone" size="20" type="text" /><br />
<br />
<br />
Make selection?<br />
<input id="firstselection" name="firstselection" type="checkbox" value="1" /> First selection <br />
<input id="secondselection" name="secondselection" type="checkbox" value="1" /> Second selection<br />
<input id="thirdselection" name="thirdselection" type="checkbox" value="1" /> Third selection <br />
<input id="fourthselection" name="fourthselection" type="checkbox" value="1" /> Fourth selection <br />
<span id="togg" style="display:none">
If fourth selection, please make a selection?
<select id="fourthchoices" name="fourthchoices" title="Fourth selection choices">
<option value="">--Please Select One--</option>
<option value="Choice A">Choice A</option>
<option value="Choice B">Choice B</option>
<option value="Choice C">Choice C</option>
<option value="Choice D">Choice D</option>
<option value="Choice E">Choice E</option>
<option value="Choice F">Choice F</option>
<option value="Choice G">Choice G</option>
<option value="Choice H">Choice H</option>
</select><br>
</span>
<input id="selection" name="selection" type="checkbox"...
CSS
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
JavaScript
$("#fourthselection").change(function(){
$("#description").toggleClass("required");
});
$("#serviceForm").validate();