 <p>You cannot have two dropdownlists with same <code>ddlReminderMonth</code>.</p> <p>Your controls appear and disappear after click, because of toggle. Toggle makes your code really confusing.</p> <pre><code>&lt;div class="another"&gt; &lt;label for="rbPType"&gt; Select One&lt;/label&gt; &lt;asp:RadioButtonList runat="server" ID="rbPType" ClientIDMode="Static"&gt; &lt;asp:ListItem Value="0" Text="1"&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Value="1" Text="2"&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Value="2" Text="3"&gt;&lt;/asp:ListItem&gt; &lt;/asp:RadioButtonList&gt; &lt;/div&gt; &lt;div id="remind"&gt; &lt;label for="ddlReminderMonth"&gt; Remind Me&lt;/label&gt; &lt;asp:DropDownList runat="server" ID="ddlReminderMonth1" AppendDataBoundItems="true" AutoPostBack="false" /&gt; &lt;/div&gt; &lt;div id="cc"&gt; &lt;label for="ddlReminderMonth"&gt; Remind Me Two&lt;/label&gt; &lt;asp:DropDownList runat="server" ID="ddlReminderMonth2" AppendDataBoundItems="true" AutoPostBack="false" /&gt; &lt;/div&gt; &lt;script&gt; $('#rbPType').change(function () { var value = $('#rbPType input:checked').val(); if (value == '0') { $('#remind').fadeIn(); $('#cc').fadeOut(); } else if (value == '1') { // Show or hide } else { // value == '2' $('#remind').fadeOut(); $('#cc').fadeIn(); } }); &lt;/script&gt; </code></pre>