title: asp.net radio buttons show/hide dropdownlist after check/uncheck
body: <p>I have been trying to create a radio button that shows/hides the two drop-down lists when they are unchecked and checked. </p>
  
  <p>My problem is that whenever I try to check another radio button, the drop-down list for the other radio button does not hide as intended. For example, if I checked <code>rbtnTwocolor</code>, the drop-down list for <code>rbtnOnecolor</code> does not hide. </p>
  
  <p>I wanted to use radio button list but I couldn't insert a drop-down list in between the radio button list items.</p>
  
  <pre><code>&lt;asp:RadioButton ID="rbtnFullColor" Text="Full-Color" runat="server" GroupName="rbtnlistColors" /&gt;&lt;br /&gt;
  &lt;asp:RadioButton ID="rbtnTwoColor" Text="Two-Color" data-toggle="collapse" data-target="#twocolor" runat="server" GroupName="rbtnlistColors" /&gt;&lt;br /&gt;
  &lt;div id="twocolor" class="collapse"&gt;
      &lt;asp:DropDownList ID="ddlTwoColor" runat="server"&gt;&lt;/asp:DropDownList&gt;
  &lt;/div&gt;
  &lt;asp:RadioButton ID="rbtnOneColor" Text="One-Color" data-toggle="collapse" data-target="#onecolor" runat="server" GroupName="rbtnlistColors" /&gt;&lt;br /&gt;
  &lt;div id="onecolor" class="collapse"&gt;
      &lt;asp:DropDownList ID="ddlOneColor" runat="server"&gt;&lt;/asp:DropDownList&gt;
  &lt;/div&gt;
  </code></pre>