ajax扩展控件(1)

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

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

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

<% ... @ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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 ="return false;" > 第一章 </ 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 ="return false;" > 第二章 </ 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 ="return false;"   > 第三章 </ a ></ Header >
                 < Content >
                    3.1内容 < br  />
                    3.2内容 < br  />
                    3.3内容 < br  />
                 </ Content >
             </ cc1:AccordionPane >
             </ Panes >
         </ cc1:Accordion >
     
     </ div >
     </ form >
</ body >
</ html >