> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/blocks/accordions.md).

# Accordions&#x20;

## Basics

The `accordions` block is a type of menu that displays a list of headers stacked on top of one another. It allows you to display information in collapsible rows.&#x20;

The `accordions` block allows you to contain and control your `accordion` blocks from a same place: the Settings tab.&#x20;

* Search for the Accordions block in the Block Inspector.
* Click to select.

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

* With the Accordions block selected, open the Settings tab in the Primary tab.

<figure><img src="/files/1xtWj4ZlRGkZ0LyZZA6B" alt=""><figcaption></figcaption></figure>

This means that if you want to link multiple `accordion` blocks, you simply assemble them in an `accordions` block and link them in one click, instead of having to link them separately using their individual Settings tabs.

* To link, in the Settings tab, toggle Linked on.

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

This allows you to style them collectively and saves a lot of valuable time.

{% hint style="warning" %}
By default, an `accordions` block contains one or more [`accordion` block](/blocks/accordion.md)s.
{% endhint %}

{% hint style="info" %}
The accordion and accordions block both have the same settings.
{% endhint %}

<details>

<summary>Add</summary>

1. Open the Inserter Panel&#x20;
2. Search for the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `accordions` block
3. Click on the block to insert it into your parent block

</details>

{% embed url="<https://www.youtube.com/watch?v=W1wvXpUONFs>" %}
Getting Started - Accordion Block
{% endembed %}

## Accordion

The `accordion` block is a type of menu that displays a list of headers stacked on top of one another. It allows you to display information in collapsible rows.&#x20;

{% content-ref url="/pages/e23lgM2gZmZkUnZitAcI" %}
[Accordion](/blocks/accordion.md)
{% endcontent-ref %}
