Why isn't this jQuery Toggling upon Radio Selection?
<p>Currently, this is toggling, but it is not toggling the right fields when the individual "Professor" or "Course" Radio buttons are selected. Anyone have some insight why this isnt working?</p>

<p><strong>Currently its showing all the fields when "Course" radio is selected and when professor is selected they all go away</strong>
<img src="http://i.stack.imgur.com/tj4sB.png" alt="img1">
<img src="http://i.stack.imgur.com/vnSXY.png" alt="img2"></p>

<p>Thanks!</p>

<pre><code>&lt;!--&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;--&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $(':radio[value="Coursee"]').click(function() {
        $('#courseFields').toggle(':not(:radio[value="Professor"]:checked)');
    });
    $(':radio[value="Professor"]').click(function() {
        $('#ProfFields').toggle(':not(:radio[value="Coursee"]:checked)');
    });
});
&lt;/script&gt;
&lt;?php
require_once('inc/dbc1.php');
$pdo = new PDO('mysql:host=ureviewdu.db.6511651.hostedresource.com;dbname=ureviewdu', $username, $password);
$pdo-&gt;setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
$sth = $pdo-&gt;prepare('
    SELECT name
    FROM Department
    ;');
$sth-&gt;execute(array());
?&gt;
&lt;div id="popup_name" class="popup_block"&gt;
    &lt;h2 style="padding:0; margin:0;"&gt;Add a:&lt;/h2&gt;&lt;br&gt;
    &lt;form action="inc/add_p_c_validate.php" method="post" id="addition"&gt; 
        Professor&lt;input type="radio" name="addType" value="Professor" /&gt;
        &amp;nbsp;&amp;nbsp;Course&lt;input type="radio" name="addType" value="Coursee" /&gt; 

        &lt;div id="courseFields"&gt;
            &lt;br&gt;Course: &lt;input type="text" name="name" style="width:385px;" /&gt;&lt;br&gt; 
            Department: &lt;select name="deptName" id="deptName" style="width:350px;"&gt;
                                    &lt;?php while($row = $sth-&gt;fetch(PDO::FETCH_ASSOC)) {echo "&lt;option&gt;".$row['name']." "."&lt;/option&gt;";} ?&gt;&lt;/select&gt;   
            Email: &lt;input type="text" name="email"  class="l" /&gt;
         &lt;/div&gt;&lt;!--/courseFields--&gt;
         &lt;div id="ProfFields"&gt;
         &lt;br&gt;First Name: &lt;input type="text" name="name" style="width:385px;" /&gt;&lt;br&gt;
         &lt;br&gt;Last Name: &lt;input type="text" name="name" style="width:385px;" /&gt;&lt;br&gt;
          Department: &lt;select name="deptName" id="deptName" style="width:350px;"&gt;
         &lt;?php while($row = $sth-&gt;fetch(PDO::FETCH_ASSOC)) {echo "&lt;option&gt;".$row['name']." "."&lt;/option&gt;";} ?&gt;&lt;/select&gt;   
         &lt;/div&gt;&lt;!--/ProfFields--&gt;
        &lt;input type="submit" name="submit" /&gt; 
    &lt;/form&gt; 
&lt;/div&gt;&lt;!--popup_name--&gt;
</code></pre>
