Multiple Ajax Collapsers in one page causes on to close

Question

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.

<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

never mind it seems I had to specify expandsize so it stays open...weird but it works..