Accordion Pane in Ajax ASP.NET

Hello Guys,
If you want to use java script or something for Accordian purpose. Use below ajax Accordian it's realy very simple and useful.

Register your Ajax Control Toolkit and Install ASPAjaxSetUp

Register  ScriptManager with your form and write below code in your body tag..

<cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="0"

    AutoSize="None"

    FadeTransitions="true"

    TransitionDuration="250"

    FramesPerSecond="40"

    RequireOpenedPane="false"

    SuppressHeaderPostbacks="true"

    CssClass="accordion" 

    HeaderCssClass="accordionHeader" 

    HeaderSelectedCssClass="accordionHeaderSelected" 

    ContentCssClass="accordionContent"

> 

   

    <Panes>

    <cc1:AccordionPane ID="accPane1" runat="server" >

    <Header><h3><a href="#" title="Company Background">This is my header Onea>h3>Header>

    <Content>

    Here my first part content goes…

    Content>

    cc1:AccordionPane>

   

    <cc1:AccordionPane ID="accPane2" runat="server">

    <Header><h3><a href="#" title="Affiliated Company"> This is my header One a>h3>Header>

    <Content>

    Here my second part content goes…

    Content>

    cc1:AccordionPane>

  

    Panes>

   

    cc1:Accordion>