Expand - Static  |  Expand - Dynamic HTML 代码

---

<asp:HyperLink ID="HyperLink1" runat="server"></asp:HyperLink>&nbsp;&nbsp;|&nbsp;&nbsp;<asp:HyperLink ID="HyperLink2" runat="server"></asp:HyperLink>
<div class="paragraph padding">
    <asp:CollapsiblePanel ID="CollapsiblePanel1" runat="server" AnimationMode="Static" DisplayDirection="Vertical">
        <div style="height: 200px; border: solid 5px #07519a; line-height: 200px; text-align: center;">
            <asp:HyperLink ID="HyperLink3" runat="server"></asp:HyperLink>
        </div>
    </asp:CollapsiblePanel>
    <asp:CollapsiblePanel ID="CollapsiblePanel2" runat="server" AnimationMode="Dynamic" DisplayDirection="Both">
        <div style="height: 200px; border: solid 5px #07519a; line-height: 200px; text-align: center;">
            <asp:HyperLink ID="HyperLink4" runat="server"></asp:HyperLink>
        </div>
    </asp:CollapsiblePanel>
</div>

---

Javascript 代码

---

---

C# 代码

---

protected void Page_PreRender(object sender, EventArgs e) {
    this.HyperLink1.Text = "Expand - Static";
    this.HyperLink1.NavigateUrl = this.CollapsiblePanel1.GetClientAPIHyperlink("expand");
    this.HyperLink2.Text = "Expand - Dynamic";
    this.HyperLink2.NavigateUrl = this.CollapsiblePanel2.GetClientAPIHyperlink("expand");
    this.HyperLink3.Text = "Collapse";
    this.HyperLink3.NavigateUrl = this.CollapsiblePanel1.GetClientAPIHyperlink("collapse");
    this.HyperLink4.Text = "Collapse";
    this.HyperLink4.NavigateUrl = this.CollapsiblePanel2.GetClientAPIHyperlink("collapse");
}

---