# Accordion

This Broadcast section is packed with full-featured accordion blocks to help you design and build rich, interactive content. Display columns of rich content, such as images, icons with messaging, and text. 

<figure><img src="/files/kKaverzTTxQsQi9iUU3x" alt=""><figcaption><p><strong>Multiple accordion sections used with different column sizes</strong></p></figcaption></figure>

### Flexible

Build rich accordions on the home page, a lookbook, product pages, or anywhere on your site. Choose from a rich set of content blocks to display eye-catching information. Stack multiple accordion sections together to incorporate multiple column sizes.&#x20;

### Customize

* The section settings help you style the accordion's layout. The open-by-default toggle lets you keep the accordion open by default or closed.&#x20;
* Add blocks to build each column within the accordion. Similar block types work well together or mix them for a creative design.&#x20;
* The block settings help you configure each column within the accordion section.&#x20;

We've included a wide range of blocks to build the right accordion quickly:

<figure><img src="/files/kCf979qjJiir8ZGCzmJz" alt=""><figcaption><p><strong>Add accordion blocks</strong></p></figcaption></figure>

* **Text column** - Commonly used for standard FAQ-style accordions.
* **Image column** - Add images to your accordion for a more appealing branded experience.
* **Icon column** - Choose from a rich set of modern icons by Broadcast or add your own.
* **Custom code** - Build your custom accordion column with app code, HTML or Liquid.&#x20;
* **Contact form** - Incorporate a Contact form right into your accordions.&#x20;

### Video Overview

This video demonstrates how to create image, icon and text accordions in Broadcast:

{% embed url="<https://www.loom.com/share/2ab14920215840208e31da369ee14489?sid=66cd6c97-3d51-4b2e-baf4-a413be3a0650>" %}
**Video walkthrough of the accordion section**
{% endembed %}

### See also

For pages with longer question-and-answer style content, Broadcast has a unique **Sidebar** section that automatically generates navigation to groups of questions or content:

{% content-ref url="/pages/I0LVwGVZnEJPnN7goplx" %}
[Sidebar](/broadcast-v5/sections/broadcast-sections/sidebar.md)
{% endcontent-ref %}

For a simple text-based question-and-answer section that supports one or two columns, Broadcast includes the **Accordion group** section:

{% content-ref url="/pages/1LVLRifKQ0kQEezVAyTL" %}
[Accordion group](/broadcast-v5/sections/broadcast-sections/accordion-group.md)
{% endcontent-ref %}


---

# 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://broadcast.presidiocreative.com/broadcast-v5/sections/broadcast-sections/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.