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>
Next Recommended Reading Accordion Example in ajax