——————————————————————————————————————————————
控件名：Accordion
用途：做想qq那样的折叠菜单等。
操作：
1.将Accordion控件拖到页面。
<cc1:Accordion ID="Accordion3" runat="server">
</cc1:Accordion>
自动生成代码
2.在控件的属性panes中添加想要个数的AccordionPane：
自动生成代码：
<cc1:Accordion ID="Accordion2" runat="server">
<cc1:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
</cc1:Accordion>
3.设置属性：
Accordion的属性：
SelectedIndex：要展开的面板的索引号。如果设为-1的话，那会收缩所有的面板。设定页面初始导入时显示的Pane。
FadeTransitions：是否出现淡入淡出效果。true-淡入淡出;false-无。
HeaderTemplate：数据绑定时，必须使用这个属性来设定标题模板。
ContentTemplate：数据绑定时，必须使用这个属性来设定内容模板。
TrasitionDuration：淡入淡出效果的时间长度。默认250毫秒。
FramesPerScond：淡入淡出时每秒种的帧数。默认30帧。
RequireOpenedPane：是否有一个可折叠面板处理展开状态。
AutoSize：自动调整大小的模式(None,Limit,Fill)。
DataSourceID：所欲使用的数据源的ID属性。
HeaderCssClass：标题的样式表名称。
ContentCssClass：内容的样式表名称。
DataMemeber：欲绑定的数据成员。
DataSource：指定数据源。
4.添加内容：
在添加内容前我们还必须修改自动生成的代码，本人是一般不太相信自动生成的代码的：
在控件的内容前面加上<panes>,如下：
<cc1:Accordion ID="Accordion2" runat="server">
<Panes>
<cc1:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass="" HeaderCssClass="">
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>
5.再给每一个pane加上标题和内容：
<cc1:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">
<Header>标题</Header> //可以给标题加上空链接，这样会好看些……
<Content>内容</Content>
</cc1:AccordionPane>
*************************************************
由于这个东东要配合css才会更加的好看，自己在这个方面不是很……所以嘛效果图就免了，免得大家对这个控件失去信心……