Accordian in Ajax

Defination:

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. We keep track of the selected pane so it stays visible across postbacks.

Property:

SelectedIndex: As I mentioned above the Accordion control can have multiple AccordionPane controls inside its Panes collection so this property specifies which one of those panes you want to make it visible when the page first loads. You can set it to 0 to display the first or top pane.
HeaderCssClass: This property needs the name of the CSS class that you want to use to style the header section of all the AccordionPane controls inside Accordion control. You can also specify styles for individual AccordionPane controls by settings AccordionPane property instead of setting this property at Accordion control level.
HeaderSelectedCssClass: This property specifies the name of the CSS class you want to use for the selected AccordionPane header. This property can also be set for individual AccordionPane controls.
ContentCssClass: This property specifies the name of the CSS class you want to use to style the content area of the AccordionPane controls. 

FadeTransitions: This is a Boolean property to specify whether you need the fading transition effect or standard transition effect for AccordionPane controls. 

TransitionDuration: This property needs the number of milliseconds you can to set to increase or decrease the speed of transition effect. 

FramesPerSecond: This property specifies the number of frames per second the Accordion control will use to animate the transition between AccordionPane controls. 

For Example view: Click Toview

Next >>  (Alwaysvisiblecontrol)