> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-interactive-elements/accordion.md).

# 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.

<figure><img src="/files/VdCddTrBMrXOjNWG5awx" alt=""><figcaption></figcaption></figure>

#### Double-click on an element to view its settings.

<figure><img src="/files/mS0wnc1p5CTLjyO1eDgX" alt=""><figcaption></figcaption></figure>

### 1. Add component item

To add a new component item, click on "**Add**" button placed in the element settings

<figure><img src="/files/HQlrKNFKgJOcP85HhNBu" alt=""><figcaption></figcaption></figure>

### 2. Make first accordion item opened

To make first accordion opened, switch property **first** to **yes.**

<figure><img src="/files/j3cmX3WBZwJqWLQEeMAl" alt=""><figcaption></figcaption></figure>

### 3. Delete accordion item

To remove an accordion item, select the **"delete"** option in the element settings.

<figure><img src="/files/9aLnmon3tRd09RuSgwFq" alt=""><figcaption></figcaption></figure>

### 4. Duplicate accordion item

To duplicate an accordion item, select the **"duplicate"** option in the element settings.

<figure><img src="/files/9NJH02OFUYcr5CLoVJWi" alt=""><figcaption></figcaption></figure>

### 5. Move accordion item

To move an accordion item, just drag the accordion item to where you want it to appear.

<figure><img src="/files/9BbCCzUueP91xEPQHrC9" alt=""><figcaption></figcaption></figure>

### 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.**

<figure><img src="/files/SBE1haAcWqb1AaaPlRC2" alt=""><figcaption></figcaption></figure>
