WebAccordion provides 4 expand directions, which are top, bottom, left and right. WebAccordion provides ExpandIndex property to determine which specific pane should be expanded initially.

This topic will show you how to set/change WebAccordion's ExpandDirection and ExpandIndex.

To set/change WebAccordion's ExpandDirection

1. Create WebAccordion with Inline content/IFrame content.
2. In Properties window, set ExpandDirection to either Top, Bottom, Left or Right.
3. Run the project. 

To set/change WebAccordion's ExpandIndex

1. Create WebAccordion with Inline content/IFrame content.
2. In Properties window, set ExpandIndex to any pane's index you want to expand initially.
3. Run the project. 

When ExpandIndex is set to -1 then none of WebAccordion item will be expanded when first load.