AJAX Accordion control Rehab AlFallaj

Accordion control The Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several CollapsiblePanels where only one can be expanded at a time. The Accordion is implemented as a web control that contains AccordionPane web controls. Each AccordionPane control has a template for its Header and its Content.

First: Add a ToolkitScriptManager <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager>

Second: Add Accordion from Ajax Control Toolkit <asp:Accordion ID="Accordion1" runat="server"> </asp:Accordion>

Third: Add panes tag <pane> </pane>

Fourth: inside the panes insert AccordionPane as much as you want: 1 AccordionPane = 1 section 2 AccordionPane = 2 sections 3 AccordionPane = 3 sections

Fifth: inside each AccordionPane add a Header & a Content tags

Tutorial: http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/Accordion/Accordion.aspx Video: http://www.asp.net/web-forms/videos/ajax-control-toolkit/how-do-i-use-the-aspnet-ajax-accordion-control