Creating Accordion Control in Ajax by using Asp.net

Here I explained Accordion Control by using Ajax:

 Steps for doing Accordion Control:
    1:Drag and drop the toolkitscriptmanager Control from AjaxControlToolkit
    2.
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
    </p>
    <asp:Accordion ID="Accordion1" runat="server" BackColor="Chocolate"
        BorderColor= "BlueViolet" BorderStyle="Dotted"  ContentCssClass="accordionContent"
        ForeColor="#FF9900" HeaderCssClass="" HeaderSelectedCssClass="" >

    <Panes>
    <asp:AccordionPane ID="AccordionPane1" runat="server">
    <Header>Pane 1</Header>
    <Content>
 Before you can use any of the Ajax Control Toolkit controls in a page, you first need to add a ToolkitScriptManager to the page. You can drag the ToolkitScriptManager from the Visual Studio Toolbox window onto the page. The ToolkitScriptManager is located in the Ajax Control Toolkit tab under the Toolbox.
        </Content>
        </asp:AccordionPane>
        <asp:AccordionPane ID="Accordion2" runat="server" BackColor="Beige">
        <Header>Pane 2</Header>
        <Content> Next, in source view, you need to add an Accordion control. You can drag the Accordion control from the Toolbox or type the tag yourself:       </Content>
        </asp:AccordionPane>
        <asp:AccordionPane ID="Accordion3" runat="Server">
        <Header> Pane 3</Header>
        <Content>     Next, in source view, add one or more AccordionPane controls. The Accordion displays a single AccordionPane at a time. Notice that each AccordionPane contains both a header and content tag.    </Content>
        </asp:AccordionPane>
        </Panes>
    </asp:Accordion>