Clicking on the yes checkbox shows 2 form fields, clicking no, keeps those two fields hidden. What do I do?
===

    <TR>
	<TD VALIGN="top">
	<LABEL FOR="disabilities">5. Do you have any disability which may limit your-----------
	<BR>
	ability to perform the essential functions of the job
	<BR>
	for which you are applying?<FONT COLOR="#FF0000"><SUP>*</SUP></FONT>
	</LABEL>
	</TD>
	<TD VALIGN="top">
	<INPUT TYPE="text" NAME="disabilities"  MAXLENGTH="3" SIZE="6" onFocus="javascript:toggleMsg('msg-23')" onBlur="javascript:toggleMsg('msg-23')" MAXLENGTH="20">
	<SPAN ID="msg-23" CLASS="msg" STYLE="visibility:hidden;">Yes or no</SPAN><editcheck="req=Y=Please enter yes or no.">
	</TD>
	</TR>
	
	<TR>
	<TD>&nbsp;</TD>
	</TR>
	
	<TR>
	<TD VALIGN="top">
	<LABEL FOR="ifyes">If yes, describe----------------------------------------------</LABEL>
	</TD>
	<TD VALIGN="top">
	<INPUT TYPE="text" NAME="ifyes" MAXLENGTH="50" SIZE="60" onFocus="javascript:toggleMsg('msg-24')" onBlur="javascript:toggleMsg('msg-24')" MAXLENGTH="20">
	<SPAN ID="msg-24" CLASS="msg" STYLE="visibility:hidden;">If no, put N/A.</SPAN><editcheck="req=Y=Please enter descriptions of disabilities.">
	</TD>
	</TR>
	
	<TR>
	<TD VALIGN="top">
	<LABEL FOR="accommodate">What can we do to accommodate you?---------------------</LABEL>
	</TD>
	<TD VALIGN="top">
	<INPUT TYPE="text" NAME="accomodate" MAXLENGTH="50" SIZE="60" onFocus="javascript:toggleMsg('msg-25')" onBlur="javascript:toggleMsg('msg-25')" MAXLENGTH="20">
	<SPAN ID="msg-25" CLASS="msg" STYLE="visibility:hidden;">If none, type N/A</SPAN><editcheck="req=Y=Please enter accommodations.">
	</TD>
	</TR>

Ignoring the javascript since it doesn't work yet and is part of another question, How do I set this up so I have a checkbox next to disabilities.  Click on yes, it shows "ifyes" and "accommodate" click on no, it doesn't show it.  How do I do that? 