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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.parta.io/editor/edit-elements/set-interactive-elements/accordion.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
