ajax扩展控件(1)

Accordion控件，该控件可用于实现页面的标题和内容的伸缩模式显示。
具体实例代码如下。

<% ... @PageLanguage="C#"AutoEventWireup="true"CodeFile="AccordionDemo.aspx.cs"
Inherits="AccordionDemo" %>

<% ... @RegisterAssembly="System.Web.Extensions,Version=1.0.61025.0,Culture=neutral,
PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI"TagPrefix="asp" %>

<% ... @RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1" %>

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title > 无标题页 </ title >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
&nbsp; < asp:ScriptManager id ="ScriptManager1" runat ="server" ></ asp:ScriptManager >
< cc1:Accordion ID ="MyAccordion" runat ="server" SelectedIndex ="0"
FadeTransitions ="false" FramesPerSecond ="40" TransitionDuration ="250" AutoSize ="None" >
< Panes >
< cc1:AccordionPane ID ="AccordionPane1" runat ="server" >
< Header >< a href ="" onclick ="returnfalse;" > 第一章 </ a ></ Header >
< Content >
1.1内容 < br />
1.2内容 < br />
1.3内容 < br />
</ Content >
</ cc1:AccordionPane >
< cc1:AccordionPane ID ="AccordionPane2" runat ="server" >
< Header >< a href ="" onclick ="returnfalse;" > 第二章 </ a ></ Header >
< Content >
2.1内容 < br />
2.2内容 < br />
2.3内容 < br />
</ Content >
</ cc1:AccordionPane >
< cc1:AccordionPane ID ="AccordionPane3" runat ="server" >
< Header >< a href ="" onclick ="returnfalse;" > 第三章 </ a ></ Header >
< Content >
3.1内容 < br />
3.2内容 < br />
3.3内容 < br />
</ Content >
</ cc1:AccordionPane >
</ Panes >
</ cc1:Accordion >

</ div >
</ form >
</ body >
</ html >