Несколько Ajax Collapsers на одной странице вызывают закрытие

Question

Хорошо, так что в настоящее время у меня есть свертка ajax для параметров «расширенного поиска». Затем я добавил верхнюю панель для навигации, которую пользователь может показать / скрыть, используя также ajax 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, чтобы он оставался открытым ... странно, но это работает ..