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

# Collapsed Accordions

## Accordion (collapsed content)

Accordions can toggle through a number of textblocks with a single click, and that greatly enhances the UX of your page.

### What are accordions?

**An accordion** is a component that organizes content within collapsable items. 

**Accordions** can toggle through a number of text blocks with a single click, and that greatly enhances the UX of your page. 

See the gif below, and the live demo at <https://campaign.codenation.com/donation_v2>

![](/files/-MJ9hmOO56GXJKdSMeCH)

## How to add an accordion/collapsed content?

In the content of a page add 2 horizontal lines (`<hr>`) at the start of the headline and start of the content. See image below<br>

![](/files/-MJ9iUhqE5JzRdUbea66)