Using jQuery to hide/show a Panel inside of a table
<p>I have an ASP.NET web form, with table.  Inside the table, I have a radiobuttonlist control and below that I have a Panel.  Inside the panel are several  tags with other web controls. </p>

<p>What I want to do is have the panel display or hide based on the selection in the radiobuttonlist.  In my jQuery I have this:</p>

<pre class="lang-js prettyprint-override"><code>$(document).ready(function() {    
    $('#&lt;%= rblCarrier.ClientID%&gt;').find('input:radio').click(function() {
        var selVal = $('#&lt;%= rblCarrier.ClientID %&gt;').find('input:checked').val();
        if (selVal == "1") $("#mydiv").show("fast");                
        else  $("#mydiv").hide("fast");            
    })
});
</code></pre>

<p>If I replace <code>$("#mydiv").show("fast");</code> with an <code>alert</code> the <code>alert</code> displays, so I know everything up to that point is working.</p>

<p>Remember, my asp.net panel is inside of an HTML table.</p>

<p>All I want to do is show the contents of the panel if the radio button value is "1", otherwise hide it.</p>
