asp.net - ASP.NET AJAX CollapsiblePanelExtender - 垂直展開方向を変更するにはどうすればよいですか?

Question

ショッピング ページで折りたたみ式パネル エクステンダを使用しています。特別オファーの表示/非表示に使用しています。これらを含むパネルは、ページの下部に固定されています。パネルが機能しています (拡大と縮小) が、上向きではなく下向きに折りたたむようにパネルを変更する必要があります。デフォルトの折りたたみ動作は、上向きに折りたたむことです。パネルを折りたたんだ後、スペシャルオファーパネルとページの下部の間にギャップがあるため、これは私にとって問題を引き起こします.

私のコードは以下の通りです：

<!--teaser panel-->
    <asp:UpdatePanel ID="upTeaser" runat="server" UpdateMode="Conditional">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="lbShowHideTeaserPanel" EventName="Click"/>
        </Triggers>
        <ContentTemplate>
            <asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
             TargetControlID="pnlTeaserContainer" 
             VerticalSide="Bottom" 
             HorizontalSide="Center"
             ScrollEffectDuration=".1"
             >
            </asp:AlwaysVisibleControlExtender>
            <asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" CollapseControlID="lbShowHideTeaserPanel"
                CollapsedText="[+] Show Special Offers" ExpandControlID="lbShowHideTeaserPanel"
                ExpandedText="[-] Hide Special Offers" TargetControlID="pnlTeaserContent" TextLabelID="lbShowHideTeaserPanel"
                SuppressPostBack="true" >
            </asp:CollapsiblePanelExtender>
            <asp:Panel ID="pnlTeaserContainer" runat="server" CssClass="teaserContainer">
                <asp:Panel ID="pnlTeaserCollapser" runat="server">
                    <div style="text-align:right;">
                        <asp:LinkButton ID="lbShowHideTeaserPanel" runat="server" 
                        OnClick="lbShowHideTeaserPanel_Click"  
                        Text="[-] Hide Special Offers" style="color:#ff761b;" ></asp:LinkButton>
                    </div>
                </asp:Panel>
                <asp:Panel ID="pnlTeaserContent" runat="server" Visible="true">
                    <asp:Literal ID="litTeaserText" runat="server"></asp:Literal>
                </asp:Panel>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    <!--end teaser panel-->

基本的に私がする必要があるのは、パネルが上に折りたたまれた後にギャップがパネルの下に現れないようにすることです。"CollapseDirection="up" に似たもの、または折りたたみの方向を変更できない場合は、折りたたみ後にパネルを画面の下部に再配置します。

ありがとう！