Showing hidden fields dependant on radio button
<p>I am trying to get a hidden text field to appear upon a radio button being clicked.</p>

<p>I am new to jQuery and have been looking at different examples of and tutorials of code, but they all differ slightly through the different releases of jQuery and have become muddled on which of my code is new and which is old. Some suggest change and others click (which to me makes more sense but I'm probably completely wrong).</p>

<p>Here's a section of my code:</p>

<p>First, the form:</p>

<pre><code>Are you eighteen or above?&lt;br/&gt;
&lt;input type="radio" id="age" name="age" value="yes"/&gt;Yes&lt;br/&gt;
&lt;input type="radio" id="age" name="age" value="no"/&gt;No&lt;br/&gt;&lt;br/&gt;

&lt;!-- if no is selected the below text form shall appear --&gt;     
&lt;div id="agetext"&gt;
    If no, please tell us your date of birth:&lt;br/&gt;
    &lt;textarea id="age" name="agetext" rows="5" cols="40"&gt;&lt;/textarea&gt;&lt;br/&gt;&lt;br/&gt;
&lt;/div&gt;
</code></pre>

<p>Secondly, the script (which is in the head tag):</p>

<pre><code>$(document).ready(function() 
{
    $("#agetext").hide();
    $("#agetextgo").click(function() 
    {
        if ( $('input[name="age"]:checked').val() == "no")
        {
            $("#agetext").show();
        }
        else ( $('input[name="age"]:checked').click() == "yes")
            $("#agetext").hide();
    });
</code></pre>
