Simple Ajax Accordion Control:

You will see Simple Ajax Accordion Control.

Step 1: Take Script Manager on web form first,then take accordian control from Ajax Toolkit.

Step 2: Take panes in that Take Accordian pane.

Step 3: In Accordian pane take Header and Content and write code following

Code: 

 <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        Todaya Offer:<br />
    </p>
    <p>
        &nbsp;<asp:Accordion ID="Accordion1" runat="server" SelectedIndex="0" FadeTransitions="true" TransitionDuration="250" AutoSize="None">
        <Panes>
            <asp:AccordionPane ID="AccordionPane1" runat="server">
            <Header>
             <a href="" onclick="return false;">first offer </a>
            </Header>
            <Content>
                <img src="images/shoe1.jpg" height="150" width="200" />
                <p>Reebok:</p>
                <p>Tarnaka,Ballad Estate</p>
                <p>Phone no:343354598586</p>
            </Content>
            </asp:AccordionPane>

             <asp:AccordionPane ID="AccordionPane2" runat="server">
             <Header>
             <a href="" onclick="return false;">first offer </a>
            </Header>
            <Content>
                <img src="images/shoe2.jpg" height="150" width="200"/>
                <p>Adidas:</p>
                <p>BigBazar,Ballad Estate
                Sec
                </p>
                <p>Phone no:3445656</p>
            </Content>

            </asp:AccordionPane>

             <asp:AccordionPane ID="AccordionPane3" runat="server">
             <Header>
             <a href="" onclick="return false;">first offer </a>
            </Header>
             <Content>
                 <img src="images/shoe3.jpg" height="150" width="200"/>
                <p>Nike:</p>
                <p>Central,Hyderabad
                </p>
                <p>Phone no:402340006</p>
            </Content>


            </asp:AccordionPane>

             <asp:AccordionPane ID="AccordionPane4" runat="server">
             <Header>
             <a href="" onclick="return false;">first offer </a>
            </Header>

            <Content>
                <img src="images/shoe5.jpg"height="150" width="200" />
                <p>Nicolas:</p>
                <p>Centerpoint,punjjagutta,Hyderabad
                </p>
                <p>Phone no:402340006</p>
            </Content>
            </asp:AccordionPane>
        </Panes>
        </asp:Accordion>