Asp.net Ajax 服务器控件使用 --- 1.Accordion

 Accordion Demonstration

Accordion控件
     <ajaxToolkit:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
            ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"
            TransitionDuration="250" AutoSize="None">
            <Panes>
                <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
                    <Header>
                        <a href="" onclick="return false;" class="accordionLink">1. Accordion</a></Header>
                    <Content>
                      在这里添加任意内容
                    </Content>
                </ajaxToolkit:AccordionPane>
                <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
                    <Header>
                        <a href="" onclick="return false;" class="accordionLink">2. What is ASP.NET AJAX?</a></Header>
                    <Content>
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/AJAX.gif" AlternateText="ASP.NET AJAX"
                            ImageAlign="right" />
                        <%= GetContentFillerText()%>
                    </Content>
                </ajaxToolkit:AccordionPane>
            </Panes>
        </ajaxToolkit:Accordion>

对这个控件还有两个扩展：
 1.淡入淡出效果
 2.AutoSize模式选择

>