Asp.net Ajax 服务器控件使用--4.CollapsiblePanel

  <asp:Panel ID="Panel2" runat="server" CssClass="collapsePanelHeader" Height="30px"> 
        <div style="padding:5px; cursor: pointer; vertical-align: middle;">
            <div style="float: left;">What is ASP.NET AJAX?</div>
            <div style="float: left; margin-left: 20px;"><asp:Label ID="Label1" runat="server">(Show Details)</asp:Label></div>
            <div style="float: right; vertical-align: middle;"><asp:Image ID="Image1" runat="server" ImageUrl="Image/expand_blue.jpg"/></div>
        </div>
    </asp:Panel>
  <asp:Panel ID="Panel1" runat="server" CssClass="collapsePanel" Height="0">
        <br />
        <p>
            <asp:Image ID="Image2" runat="server" ImageUrl="Image/AJAX.gif" AlternateText="ASP.NET AJAX" ImageAlign="right" />
            <%= GetContentFillerText()%>
            ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. This new web development technology from Microsoft integrates cross-browser client script libraries with the ASP.NET 2.0 server-based development framework. In addition, ASP.NET AJAX offers you the same type of development platform for client-based web pages that ASP.NET offers for server-based pages. And because ASP.NET AJAX is an extension of ASP.NET, it is fully integrated with server-based services. ASP.NET AJAX makes it possible to easily take advantage of AJAX techniques on the web and enables you to create ASP.NET pages with a rich, responsive UI and server communication. However, AJAX isn't just for ASP.NET. You can take advantage of the rich client framework to easily build client-centric web applications that integrate with any backend data provider and run on most modern browsers. 

        </p>
    </asp:Panel>
     
//CollapsiblePanelExtender 设置
    <cc1:CollapsiblePanelExtender ID="cpeDemo" runat="Server"
            TargetControlID="Panel1"
            ExpandControlID="Panel2"
            CollapseControlID="Panel2" 
            Collapsed="True"
            TextLabelID="Label1"
            ExpandedText="(Hide Details)"
            CollapsedText="(Show Details)"
            ImageControlID="Image1"
            ExpandedImage="Image/collapse_blue.jpg"
            CollapsedImage="Image/expand_blue.jpg"
            SuppressPostBack="true" />