how to use jquery hiding two fields
<p>This is what I have:</p>

<pre><code>&lt;script type="text/javascript"&gt;
function toggle(value){
  if(value=='show') { document.getElementById('busblock').style.display='block'; }
               else { document.getElementById('busblock').style.display='none'; }
}
&lt;/script&gt;

&lt;script type="text/javascript"&gt;
 function toggle(value){
  if(value=='show') { document.getElementById('guyblock').style.display='block'; }
           else { document.getElementById('guyblock').style.display='none'; }
  }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;form action="http://qa.onlinelabtests.com/guestlist.php" method="post"&gt;
First Name: &lt;input type="text" name="fname" /&gt; &lt;br /&gt;
Last Name: &lt;input type="text" name="lname" /&gt; &lt;br /&gt;
E-mail: &lt;input type="email" name="email" /&gt; &lt;br /&gt;
Gender: &lt;br /&gt;
&lt;input type="radio" name="gender" value="male" onclick="toggle('show');"&gt;&amp;nbsp;&amp;nbsp;Male &lt;br /&gt;
&lt;input type="radio" name="gender" value="female" onclick="toggle('hide');"&gt;&amp;nbsp;&amp;nbsp;Female &lt;br /&gt;

&lt;div id="guyblock" style="display:none"&gt;
Referred By
&lt;select name="tke"&gt;
&lt;option value="915"&gt;Cameron&lt;/option&gt;
&lt;option value="930"&gt;Edgar&lt;/option&gt;
&lt;option value="950"&gt;JD&lt;/option&gt;
&lt;option value="1010"&gt;Estaban&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;div&gt;
Bus Transportation &lt;br /&gt;
&lt;input name="bus" type="radio" value="yes" onclick="toggle('show');"&gt; &amp;nbsp;&amp;nbsp;Yes&lt;br /&gt;
&lt;input name="bus" type="radio" value="no" onclick="toggle('hide');"&gt;&amp;nbsp;&amp;nbsp;No&lt;br /&gt;
&lt;/div&gt;

&lt;div id="busblock" style="display:none"&gt;
Bus Time
&lt;select name="departtime"&gt;
&lt;option value="915"&gt;9:15PM&lt;/option&gt;
&lt;option value="930"&gt;9:30PM&lt;/option&gt;
&lt;option value="950"&gt;9:50PM&lt;/option&gt;
&lt;option value="1010"&gt;10:10PM&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;input type="submit" value="Register" /&gt;
&lt;/form&gt;
</code></pre>

<p>But only one at a time works (if both female and yes to bus is selected, it hides the first one)</p>

<p>Thanks!</p>
