ajaxToolkit:AccordionPane演示与应用实例

<ajaxToolkit:Aordion ID="Aordion1" runat="server" SelectedIndex="-1" HeaderCssClass="aordionHeader"
                HeaderSelectedCssClass="aordionHeaderSelected" ContentCssClass="aordionContent"
                FadeTransitions="true" FramesPerSecond="5" TransitionDuration="250" AutoSize="None"
                RequireOpenedPane="false" SuppressHeaderPostbacks="true">
                <Panes>
                    <ajaxToolkit:AordionPane ID="AordionPane1" runat="server">
                        <Header>
                            条件
                        Header>
                        <Content>
                           <Content>
                    ajaxToolkit:AordionPane>
                    <ajaxToolkit:AordionPane ID="AordionPane4" runat="server">
                        <Header>
                            日期
                        Header>
                        <Content>

                        <Content>
                    <ajaxToolkit:AordionPane>
                <Panes>
            <ajaxToolkit:Aordion>

.aordionHeader
{
    border: 1px solid #acacac;
    color: #0f2336;
    background-color: #d2e6fa;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px;
    margin-: 5px;
    cursor: pointer;
}
.aordionHeaderSelected
{
    border: 1px solid #acacac;
    color: #0f2336;
    background-color: #97b3d1;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px;
    margin-: 5px;
    cursor: pointer;
}
.aordionContent
{
    background-color: #f4f7fc;
    border: 1px dashed #acacac;
    border-: none;
    padding: 5px;
    padding-: 10px;
}