在一個頁面中的多個Ajax Collapse導致關閉

Question

好吧，所以目前我有一個用於「高級搜索」選項的ajax collapser。然後，我去添加一個導航頂部欄，用戶可以使用ajax collapser顯示/隱藏。默認情況下，collapser已打開並且搜索已關閉。現在當我去點擊打開搜索選項時，它會關閉導航面板..我似乎無法弄清楚爲什麼會這樣做......任何幫助都不勝感激。

<asp:UpdatePanel ID="upNorth" runat="server"> 
     <ContentTemplate> 
      <asp:Panel ID="pnlNavigation" runat="server" Width="100%"> 
        <div style="float:left;"> 
         <asp:Menu ID="NavOptions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
         </asp:Menu> 
        </div> 
        <div style="float:right; margin-right:20px;"> 
         <asp:Menu ID="NavActions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
         </asp:Menu>   
        </div>   
      </asp:Panel> 
      <div id="CollapseBar" runat="server" class="bar"><asp:Image ID="iBar" runat="server" ImageUrl="../img/bar.jpg" /></div> 
      <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"></ajaxToolkit:CollapsiblePanelExtender> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    <div id="content"> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <Triggers></Triggers> 
      <ContentTemplate> 
       <table> 
        <tr> 
         <td><asp:TextBox ID="txtSearch" runat="server" /></td> 
         <td><asp:Button ID="btnSearch" runat="server" Text="Buscar" CssClass="buttons" /></td> 
        </tr> 
       </table> 
      <asp:LinkButton ID="lbShowBusqueda" runat="server" Text="Advanced Options" /> 
      <asp:Image ID="imgCollapse" runat="server" ImageUrl="../img/down.png" /> 
      <asp:Panel ID="Panel1" runat="server"> 
       <table> 
        <tr> 
         <td>Name</td> 
         <td><asp:TextBox ID="txtName" runat="server" /></td> 
         <td>Lastname</td> 
         <td><asp:TextBox ID="txtLastName" runat="server" /></td> 
        </tr> 
       </table> 
      </asp:Panel> 
      <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"></ajaxToolkit:CollapsiblePanelExtender> 
       </ContentTemplate> 
      </asp:UpdatePanel> 

Answer 1

不去管它，似乎我不得不使其保持開放......奇怪，但它的工作原理指定expandsize ..