# Accordion

### Summary

The Accordion component allows you to add collapsible sections of content. You can specify the default state (expanded or collapsed) in the Accordion settings.

This section shows you how to add accordions.

Below you can see two accordions, one in its expanded form, and the other one collapsed.

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

### Step 1 - Add the Accordion component <a href="#accordioncomponent-step1-addtheaccordioncomponent" id="accordioncomponent-step1-addtheaccordioncomponent"></a>

Click on “Add Accordion” as shown below.

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

### Step 2 - Add an Accordion panel <a href="#accordioncomponent-step2-addanaccordion" id="accordioncomponent-step2-addanaccordion"></a>

Add content for your Accordion using the fields shown below.

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

1. Title - Add the title.
2. Content - Add the body text.
3. Expanded - Check this box to force the Accordion panel to be expanded by default.
4. Add Accordion panel - Click this button to add additional Accordion panels.
5. Expand all - Check this box to force all Accordion panels to be expanded by default.


---

# 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://docs.civictheme.io/content-authoring/components/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.
