Show hidden div by selecting radio button, using jquery
<p>How can I show a <code>div</code> upon selecting a radio button?</p>

<p>What is the event for a radio button click?</p>

<pre><code>&lt;head&gt;
&lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
&lt;style &gt;  
&lt;/style&gt;

&lt;script type="text/javascript"&gt;
$(".static_class").click(function(){if($(this).val()==="Yes") $("#extra").show("fast"); else $("#extra").hide("fast");});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input id="r1" type="radio" name="14" value="Yes" class="static_class style1" /&gt;
&amp;nbsp;Yes&lt;br /&gt;

&lt;input id="r2" type="radio" name="14" value="No" class="static_class style1" /&gt;&amp;nbsp;No&lt;br /&gt;

&lt;div id="extra"&gt; &lt;br /&gt;&lt;label&gt;If yes, please specify.&lt;/label&gt;    &lt;input id="email" type="text" class="style" /&gt;&lt;/div&gt;

&lt;/body&gt;
</code></pre>
