ajaxToolkit:AccordionPane演示与应用实例

一个展开收合的ajaxToolkit:AccordionPane控件因苏斯。网在专案有用到它。因为它可以节省显示空间。不过有点不足，就是用户刚开始使用，需要记得每个一致窗格内容。或是需要使用一个显而可见的名字。下面的演示中，只是两个收合相应的窗格，如果多个的话，就会有上面提及的问题

下面是HTML:ajaxToolkit:Accordion手风琴手风琴复制代码代码如下：ajaxToolkit:Accordion手风琴手风琴ID=' accordinal ' runat=' server ' SelectedIndex='-1 ' Header RCS class=' accordionHeader ' Header selected csclass=' accordionHeader selected ' content csclass=' accordionContent '渐变过渡=' true ' frame sperssecond=' 5 '过渡持续时间=' 250 ' AutoSize=' None '必需open edpane=' false ' supreshederrpostbacks=' true ' Panes Ajaxtoolkit 33600条件标题内容内容Ajax工具包： accordionpane Ajax工具包： accordion pane ID=' accordion pane 4 ' runat=' server '标题日期标题内容内容编辑器面板编辑器面板编辑器面板下面是CSS :手风琴复制代码代码如下：accordionheader {边框： 1px实心# ACA CACcolor: # 0f2336背景-颜色： # d2e 6fa；字体系列： Arial，无衬线；font-size : 12pxpadding: 5px边距-top : 5px；光标：指针；}.accordionHeaderSelected {边框： 1px实心# ACA CACcolor: # 0f2336背景-颜色： # 97b3d 1；字体系列： Arial，无衬线；font-size : 12pxpadding: 5px边距-top : 5px；光标：指针；}.accordionContent {底色： # f4f 7fcborder: 1px虚线# acacacborder-top:无；padd : 5 xpadding-top : 10px；}