Accordion：可折叠面板的集合

功能：
         实现了QQ、Msn好友分类的折叠效果，就像包含了多个CollapsiblePanels 。
常用属性：
      SelectedIndex ：该控件初次加载时展开的AccordionPane面板的索引值。
      HeaderCssClass ：该Accordion中包含的所有AccordionPane面板的标题区域所应用的CSS Class 。
      ContentCssClass ：该Accordion中包含的所有AccordionPane面板的内容区域所应用的CSS Class 。
     AutoSize ：   在展开具有不同高度的AccordionPane面板时，该Accordion的总高度的变化方式。
                            可选如下3个值：

None：该Accordion将随着当前展开的AccordionPane面板的高度自由伸长/缩短。

                            Limit：该Accordion将随着当前展开的AccordionPane面板的高度自由伸长/缩短，不过最高不
                                    会超过Accordion的Height属性设定值。若是其内容高度超过了Height属性设定值，则
                                    将自动显示滚动条。

                            Fill：该Accordion的高度将固定为Height属性的设定值，不随当前展开的不同高度
                                 的AccordionPane面板而变化。若是某个AccordionPane的内容高度超过了Height属性设定
                                值，则将自动显示滚动条。
FadeTransitions ：若该属性值设置为true，则在切换当前展开的AccordionPane面板时，将带有淡入淡出效果
TransitionDuration ：展开/折叠一个AccordionPane面板的过程所花费的时间，单位为毫秒。
FramesPerSecond ：播放展开/折叠AccordionPane面板动画的每秒钟帧数。
DataSourceID ：     页面中某个DataSource控件的ID，用于通过数据绑定自动生成AccordionPane面板。
<Panes> ：     该标签内将包含一系列的<ajaxToolkit:AccordionPane>标签，即Accordion- Pane的声明，用来表
                         示 Accordion中包含的面板。
<HeaderTemplate> ：在使用数据绑定功能自动生成AccordionPane面板时，该标签内将定义每个面板的标题
                                     区域中的内容模板。
<ContentTemplate> :     在使用数据绑定功能自动生成AccordionPane面板时，该标签内将定义每个面板的正文
                                      。区域中的内容模板
实例代码：

</head>

<body onload="focus();"><a href="http://abcdwxc.cnblogs.com/" target="_blank">Acoordion的实例-------王晓成的博客
Accordion：可折叠面板的集合

</a>

<div class="description">
Accordion：可折叠面板的集合

<ul>

<li>使用可折叠控件（Accordion）并搭配 5 个可折叠面板（AccordionPane）控件，<strong>一次仅展开一个可折叠面板</strong>。 </li>
Accordion：可折叠面板的集合

<li>当页面第一次被加载时，会自动展开<strong>第三个</strong>可折叠面板。 </li>
Accordion：可折叠面板的集合

</ul>

</div>

<form id="form1" runat="server">
Accordion：可折叠面板的集合

<asp:ScriptManager ID="ScriptManager1" runat="server">
Accordion：可折叠面板的集合

</asp:ScriptManager>
Accordion：可折叠面板的集合

<div align="center">
Accordion：可折叠面板的集合

<ajaxToolkit:Accordion ID="Accordion1"
Accordion：可折叠面板的集合

runat="server"
Accordion：可折叠面板的集合

width="450px"
Accordion：可折叠面板的集合

ContentCssClass="accordionContentDef"
Accordion：可折叠面板的集合

HeaderCssClass="accordionHeaderDef"
Accordion：可折叠面板的集合

RequireOpenedPane="false"
Accordion：可折叠面板的集合

SelectedIndex="2">
Accordion：可折叠面板的集合

<Panes>

<ajaxToolkit:AccordionPane ID="AccordionPane1"
Accordion：可折叠面板的集合

runat="server">
Accordion：可折叠面板的集合

<a href="" onclick="return false;">
Accordion：可折叠面板的集合

Visual Basic 2005 程序开发与界面设计秘诀
Accordion：可折叠面板的集合

</a>

</Header>

完全的范例与实作导向，颠覆传统只是纸上谈兵、高谈阔论的写法。通过众多程序范例，
Accordion：可折叠面板的集合

务实、深度且精确地切入 Visual Basic 2005 最重要且实用的程序开发与界面设计议题。
Accordion：可折叠面板的集合

经过本书的洗礼，相信您能扎实掌握 Visual Basic 2005 的内涵与开发精髓，迅速站上
Accordion：可折叠面板的集合

.NET Framework此一巨人的肩膀，让您的开发生命走得更长、更稳、更辉煌。
Accordion：可折叠面板的集合

</Content>
Accordion：可折叠面板的集合

</ajaxToolkit:AccordionPane>
Accordion：可折叠面板的集合

<ajaxToolkit:AccordionPane ID="AccordionPane2"
Accordion：可折叠面板的集合

runat="server">
Accordion：可折叠面板的集合

<a href="" onclick="return false;">
Accordion：可折叠面板的集合

Visual Basic 2005 文件 IO 与数据存取秘诀
Accordion：可折叠面板的集合

</a>

</Header>

学习不在多言，不仅实作，更要实战。本书秉持具体力行的思维，彻底提升读者功力为职志，
Accordion：可折叠面板的集合

贡献了 260 个以上的程序范例，针对文件输入输出与数据存取议题，深度剖析。
Accordion：可折叠面板的集合

</Content>
Accordion：可折叠面板的集合

</ajaxToolkit:AccordionPane>
Accordion：可折叠面板的集合

<ajaxToolkit:AccordionPane ID="AccordionPane3"
Accordion：可折叠面板的集合

runat="server"
Accordion：可折叠面板的集合

ContentCssClass="accordionContentCS"
Accordion：可折叠面板的集合

HeaderCssClass="accordionHeaderCS">
Accordion：可折叠面板的集合

<a href="" onclick="return false;">
Accordion：可折叠面板的集合

Visual C# 2005 程序开发与界面设计秘诀
Accordion：可折叠面板的集合

</a>

</Header>

通过众多程序范例，务实、深度且精确地切入Visual C# 2005 最重要且实用的程序开发与接口设计议题。
Accordion：可折叠面板的集合

经过本书的洗礼，相信您能扎实掌握 Visual C# 2005 的内涵与开发精髓，迅速站上
Accordion：可折叠面板的集合

.NET Framework此一巨人的肩膀，让您的开发生命走得更长、更稳、更辉煌。
Accordion：可折叠面板的集合

</Content>
Accordion：可折叠面板的集合

</ajaxToolkit:AccordionPane>
Accordion：可折叠面板的集合

<ajaxToolkit:AccordionPane ID="AccordionPane4"
Accordion：可折叠面板的集合

runat="server"
Accordion：可折叠面板的集合

ContentCssClass="accordionContentCS"
Accordion：可折叠面板的集合

HeaderCssClass="accordionHeaderCS">
Accordion：可折叠面板的集合

<a href="" onclick="return false;">
Accordion：可折叠面板的集合

Visual C# 2005 文件 IO 与数据存取秘诀
Accordion：可折叠面板的集合

</a>

</Header>

本书秉持具体力行的思维，彻底提升读者功力为职志，贡献了 260 个以上的程序范例，
Accordion：可折叠面板的集合

针对文件输入输出与数据存取议题，深度剖析。希望透过无私的心得分享，与大家一起再创颠峰，
Accordion：可折叠面板的集合

将开发生命提升至一个全新的境界。
Accordion：可折叠面板的集合

</Content>
Accordion：可折叠面板的集合

</ajaxToolkit:AccordionPane>
Accordion：可折叠面板的集合

<ajaxToolkit:AccordionPane ID="AccordionPane5"
Accordion：可折叠面板的集合

runat="server"
Accordion：可折叠面板的集合

ContentCssClass="accordionContentSQL"
Accordion：可折叠面板的集合

HeaderCssClass="accordionHeaderSQL">
Accordion：可折叠面板的集合

<a href="" onclick="return false;">
Accordion：可折叠面板的集合

Microsoft SQL Server 2005 完全实战
Accordion：可折叠面板的集合

</a>

</Header>

使用了近 600 个指令文件（.sql）与数个Windows应用程序及类库项目，详实且深入探讨
Accordion：可折叠面板的集合

SQL Server 2005 的“数据库创建”、“Transact-SQL程序设计”与 XML 等三大核心领域，
Accordion：可折叠面板的集合

打下不可动摇的根基。
Accordion：可折叠面板的集合

</Content>
Accordion：可折叠面板的集合

</ajaxToolkit:AccordionPane>
Accordion：可折叠面板的集合

</Panes>

</ajaxToolkit:Accordion>
Accordion：可折叠面板的集合

</div>

<p />

<div align="center">
Accordion：可折叠面板的集合

<table>

<tr align="left">
Accordion：可折叠面板的集合

<td>

是否使用<strong>“淡出效果”</strong>：
Accordion：可折叠面板的集合

<input id="FadeMode" type="checkbox" onclick="toggleFade();" value="false" />
Accordion：可折叠面板的集合

</td>

</tr>

<tr align="left">
Accordion：可折叠面板的集合

<td>

设定<strong>「AutoSize」</strong>模式：
Accordion：可折叠面板的集合

<select id="AutoSizeMode" onchange="changeAutoSizeMode();">
Accordion：可折叠面板的集合

<option value="0" selected>None</option>
Accordion：可折叠面板的集合

<option value="1">Fill</option>
Accordion：可折叠面板的集合

<option value="2">Limit</option>
Accordion：可折叠面板的集合

</select>

</td>

</tr>

</table>

</div>

</form>

</body>

样式如下：

脚本代码如下：

// 设定「淡出效果」属性。
Accordion：可折叠面板的集合

function toggleFade()
>

运行结果如下：
Accordion：可折叠面板的集合