# Collapsible content

### Section overview

The Collapsible content section displays a list of collapsible content blocks that can be expanded and collapsed by users. It's ideal for organizing information in a space-efficient way while allowing users to focus on specific content.

#### Common use cases

* Frequently Asked Questions (FAQs)
* Product information that needs to be organized in categories
* Services or features explanation
* Terms and conditions or policies that need to be categorized

#### Usage tips

* Keep headings concise and descriptive to help users find relevant information
* Use icons to enhance visual appeal and improve content recognition
* Consider enabling the split layout for better readability on larger screens
* Limit content length within each accordion to maintain usability
* Use the "open" setting strategically to highlight the most important information
* Ensure mobile responsiveness by testing how content appears when collapsed and expanded

### Section settings

| Setting         | Description                                                                       |
| --------------- | --------------------------------------------------------------------------------- |
| Heading         | The main heading for the section                                                  |
| Content         | The descriptive text displayed below the heading                                  |
| Button label    | Text for the optional button                                                      |
| Button URL      | URL for the optional button                                                       |
| Top spacing     | Controls the spacing above the section (0-300px)                                  |
| Bottom spacing  | Controls the spacing below the section (0-300px)                                  |
| Color scheme    | Determines the background and text colors of the section                          |
| Border color    | Sets the color of the border (subtle or strong)                                   |
| Button color    | Sets the color and style of the button                                            |
| Title font      | Determines the font family used for the section title                             |
| Border position | Sets where borders appear (none, top, bottom, or both)                            |
| X alignment     | Controls horizontal alignment of content (left, center, or right)                 |
| Enable margin   | Toggles horizontal margin for the section                                         |
| Enable split    | Enables a split layout where heading is 1/3 and content is 2/3 width              |
| Visibility      | Controls on which devices the section is visible (all, mobile only, desktop only) |

### Block settings

#### Content

The Content block represents a single accordion item with a heading, collapsible content, and optional icon. It allows for individual styling of each accordion item.

Block limit: 50

| Setting            | Description                                                |
| ------------------ | ---------------------------------------------------------- |
| Heading            | The title displayed for this accordion item                |
| Content            | The content displayed when this accordion item is expanded |
| Icon               | Optional icon displayed before the heading                 |
| Color scheme       | Determines the color scheme of this accordion item         |
| Use open accordion | When enabled, this accordion item will be open 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://help.brickspacelab.com/keystone/sections/content-and-media/collapsible-content.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.