How to make labels and radio buttons visible/invisible and with toggle slide function at same time?
<p>Given a checkbox in a table row, and three radio button on next table row. while loading the page the radio buttons are invisible.</p>

<p>How to create an on click function which can make the radio buttons visible along with slide up slide down effect?</p>

<pre><code>&lt;td&gt;
&lt;input type="checkbox" id="appalert" name="appalert" value="appalert"  onclick="toggleRadioButtonPanel(this);"&gt; alert
&lt;/td&gt;

&lt;td&gt;
&lt;label class="alertTypePanel" style="visibility: hidden"&gt;alertType: &lt;/label&gt;
&lt;input type="radio" name="alertTypeOpt" id="alertTypeOpt1" class="alertTypePanel" value="Ticker" style="visibility: hidden"&gt;
&lt;label class="alertTypePanel" style="visibility: hidden" style="visibility: hidden"&gt;Ticker&lt;/label&gt;
&lt;input type="radio" name="alertTypeOpt" id="alertTypeOpt2" class="alertTypePanel" value="Pop up" style="visibility: hidden"&gt;
&lt;label class="alertTypePanel" style="visibility: hidden"&gt;Pop up&lt;/label&gt;
&lt;/td&gt;
</code></pre>
