title: Multiple Ajax Collapsers in one page causes on to close
body: <p>Ok so currently I have a ajax collapser for "advance search" options.  Then I went to add a top bar for navigation which user can show/hide using ajax collapser aswell.  By default that collapser is open and the search is closed.  Now when i go to click to open the search options it closes the navigation panel.. I can't seem to figure out why it's doing that...Any help is more than appreciated.</p>
  
  <pre><code>&lt;asp:UpdatePanel ID="upNorth" runat="server"&gt;
          &lt;ContentTemplate&gt;
              &lt;asp:Panel ID="pnlNavigation" runat="server" Width="100%"&gt;
                      &lt;div style="float:left;"&gt;
                          &lt;asp:Menu ID="NavOptions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
                          &lt;/asp:Menu&gt;
                      &lt;/div&gt;
                      &lt;div style="float:right; margin-right:20px;"&gt;
                          &lt;asp:Menu ID="NavActions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
                          &lt;/asp:Menu&gt;        
                      &lt;/div&gt;          
              &lt;/asp:Panel&gt;
              &lt;div id="CollapseBar" runat="server" class="bar"&gt;&lt;asp:Image ID="iBar" runat="server" ImageUrl="../img/bar.jpg" /&gt;&lt;/div&gt;
              &lt;ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="Server"
                      TargetControlID="pnlNavigation"
                      CollapsedSize="0"
                      Collapsed="false"
                      ExpandControlID="iBar"
                      CollapseControlID="iBar"
                      AutoCollapse="False"
                      AutoExpand="False"
                      SuppressPostBack="true"
                      ScrollContents="false"
                      ExpandDirection="Vertical"&gt;&lt;/ajaxToolkit:CollapsiblePanelExtender&gt;
          &lt;/ContentTemplate&gt;
      &lt;/asp:UpdatePanel&gt;
      &lt;div id="content"&gt;
          &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt;
              &lt;Triggers&gt;&lt;/Triggers&gt;
              &lt;ContentTemplate&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;asp:TextBox ID="txtSearch" runat="server" /&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;asp:Button ID="btnSearch" runat="server" Text="Buscar" CssClass="buttons" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;asp:LinkButton ID="lbShowBusqueda" runat="server" Text="Advanced Options" /&gt;
              &lt;asp:Image ID="imgCollapse" runat="server" ImageUrl="../img/down.png" /&gt;
              &lt;asp:Panel ID="Panel1" runat="server"&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Name&lt;/td&gt;
                          &lt;td&gt;&lt;asp:TextBox ID="txtName" runat="server" /&gt;&lt;/td&gt;
                          &lt;td&gt;Lastname&lt;/td&gt;
                          &lt;td&gt;&lt;asp:TextBox ID="txtLastName" runat="server" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/asp:Panel&gt;
              &lt;ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
                  TargetControlID="Panel1"
                  CollapsedSize="0"
                  Collapsed="True"
                  ExpandControlID="lbShowBusqueda"
                  CollapseControlID="lbShowBusqueda"
                  AutoCollapse="False"
                  AutoExpand="False"
  
                  ImageControlID="imgCollapse"
                  ExpandedImage="../img/up.png"
                  CollapsedImage="../img/down.png"
                  ExpandDirection="Vertical"&gt;&lt;/ajaxToolkit:CollapsiblePanelExtender&gt;
                  &lt;/ContentTemplate&gt;
              &lt;/asp:UpdatePanel&gt;
  </code></pre>