> 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 

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

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

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

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FvxqJmzGcX7nLUOlLtzOy%2F3.jpg?alt=media&amp;token=26da5809-2474-4e2e-9706-88d878c475f2" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FruPpl6dASMbO9ab5EDfs%2F2.jpg?alt=media&amp;token=2cbea797-cc85-4c78-bc1f-7c0f2ee1ed05" 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="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FMY1ZmmwAbVgdw6rSIlHx%2Fgjkjge.jpg?alt=media&amp;token=a6b278ed-5f56-47a7-9c2d-7b4f12e6e7d5" 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="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&amp;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" 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 %}