asp.net - asp ajax collapsepanelextender パネルのサイズ変更

Question

以下にレイアウトを示すasp.net Webフォームがあります。このスレッドに画像を貼り付けようとしましたが、私は新規ユーザーであるため、質問に画像を投稿することは許可されていません。

レイアウトの説明は次のとおりです。 コードは、1 行 5 列の ASP テーブルを 1 つ作成します。以下の説明では、列は COl1、Col2、Col3、Col4、Col5 の順に参照されます。

次のことを行う 2 つの折りたたみパネル エクステンダーがあります。 1. 折りたたみパネル エクステンダー 1 は、それぞれ col1 と col2 の asp パネルを制御します。col1 が押されるたびに、col2 は 2 を非表示/表示します。Collapse Panel Extender 2 は、col4 と col5 の asp パネルをそれぞれ制御します。col5 が押されるたびに、col4 が表示/非表示になります

以下のコードは、バックエンド C# クラスの折りたたみパネル初期化コードで正常に動作します。

今私の問題は、col2 および COl4 パネルの動作に従って、col3 の asp パネルを現在のサイズから自動サイズ変更することです。このパネルが非表示になっている場合は常に、Col3 を最大化して、Col2、Col3、および Col4 の両方のスペースを占有する必要があります。Col2 と COl4 が表示されたら、元のサイズにサイズ変更する必要があります。

複数のアプローチを試しましたが、どれもうまくいきませんでした。

            <div id="page_content_middle">
                <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
                <asp:Table ID="page_content_middle_table" runat="server">
                    <asp:TableRow>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="1%">
                            <asp:Panel ID="pnlHeader1" runat="server" BorderStyle="Solid">
                                <asp:Image ID="imgToggle1" runat="server" ImageUrl="~/images/collapse.jpg" ImageAlign="Top" />
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="14%">
                            <asp:Panel ID="pnlInfo1" runat="server" Width="100%" height="100%" BorderStyle="Solid">
                                <asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" 
                                    Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">
                                    <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
                                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                    <DynamicMenuStyle BackColor="#B5C7DE" />
                                    <DynamicSelectedStyle BackColor="#507CD1" />
                                    <Items>
                                        <asp:MenuItem Text="Menu1" Value="Menu1"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu2" Value="Menu2"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu3" Value="Menu3"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu4" Value="Menu4"></asp:MenuItem>
                                    </Items>
                                    <StaticHoverStyle BackColor="#284E98" ForeColor="White" />
                                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                    <StaticSelectedStyle BackColor="#507CD1" />
                                </asp:Menu>
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="65%">
                            <asp:Panel ID="pageContent" runat="server">
                                Som random text
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="19%">
                            <asp:Panel ID="pnlInfo2" runat="server" Width="64px" BorderStyle="Solid">
                                Some Random Information
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="1%">
                            <asp:Panel ID="pnlHeader2" runat="server" Width="15px" BorderStyle="Solid">
                                <asp:Image ID="imgToggle2" runat="server" ImageUrl="~/images/collapse.jpg" ImageAlign="Top" />
                            </asp:Panel>
                        </asp:TableCell>
                    </asp:TableRow>
                </asp:Table>

            </div>