<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" />
<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" />