# Expand Direction

## Content



In Accordion control, you can set the direction in which the accordion page would expand to display the content area. By default, Accordion expands in downward direction. It provides [ExpandDirection](/componentone/docs/win/online-accordion/) property in the [C1Accordion](/componentone/docs/win/online-accordion/) class for expanding or collapsing the content area of the page. The **ExpandDirection** property sets the direction for expansion through [ExpandDirection](/componentone/docs/win/online-accordion/) enumeration in one of the following directions.

|   **Expanding Direction**   |   **Snapshot**   |
| --- | --- |
|   Down (default)   |   ![Accordion Expand Down](https://cdn.mescius.io/document-site-files/images/a9d1222b-0ddf-4c55-8888-49748b62a8c3/images/expanddown.png)   |
|   Up   |   ![Accordion Expand Up](https://cdn.mescius.io/document-site-files/images/a9d1222b-0ddf-4c55-8888-49748b62a8c3/images/expandup.png)   |
|   Right   |   ![Accordion Expand Right](https://cdn.mescius.io/document-site-files/images/a9d1222b-0ddf-4c55-8888-49748b62a8c3/images/expandright.png)   |
|   Left   |   ![Accordion Expand Left](https://cdn.mescius.io/document-site-files/images/a9d1222b-0ddf-4c55-8888-49748b62a8c3/images/expandleft.png)   |

To set the direction for expansion in Accordion control to "Left", use the following code. This example uses the code from [Quick Start](/componentone/docs/win/online-accordion/quickstart).

```csharp
c1Accordion1.ExpandDirection = ExapndDirection.Left;
```


> type=note
> Note: In order to view the complete page with expanded content area within the viewable area of Accordion when expand direction set to left or right, you need to set the [ContentWidth](/componentone/docs/win/online-accordion/) property.