Overview

Step 1

Step 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh viverra faucibus. Mauris non vestibulum dui
Step 2

Step 2

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus.
Step 3

Step 3

Sed facilisis placerat commodo. Nam odio dolor, viverra eu blandit in, hendrerit eu arcu. In hac habitasse platea dictumst.
Step 4

Step 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh viverra faucibus. Mauris non vestibulum dui.
Description

This sample demonstrates the default C1Accordion control behavior.

The first accordion pane in this sample is expanded by default (the SelectedIndex property value is zero).

If you wish to expand another accordion pane then, please, set the SelectedIndex property to the appropriate accordion pane.

Note that you can set the SelectedIndex property to -1 if you want to collapse all panes, e.g: 

<C1Accordion:C1Accordion runat="server" 
			ID="C1Accordion1" 
			SelectedIndex="-1">

Documentation