# Accordion
Represents a list of items, where each item has a title and content that can be expanded or collapsed. The user can click on the title to open or close the corresponding content.
#### Double-click on an element to view its settings.
### 1. Add component item
To add a new component item, click on "**Add**" button placed in the element settings
### 2. Make first accordion item opened
To make first accordion opened, switch property **first** to **yes.**
### 3. Delete accordion item
To remove an accordion item, select the **"delete"** option in the element settings.
### 4. Duplicate accordion item
To duplicate an accordion item, select the **"duplicate"** option in the element settings.
### 5. Move accordion item
To move an accordion item, just drag the accordion item to where you want it to appear.
### 6. Allow multiple accordion items to be open at the same time.
To allow multiple accordion items to be open at the same time, switch property **some** to **yes.**
