Code Nation
Campaña (English)
Campaña (English)
  • The Campaña Theme
  • Getting started
    • Creating a new site
    • Activate your new theme
    • Setting Languages
    • Editing your theme
  • Launching 🚀
    • Connect a Broadcaster
    • Connect your social media icons
    • Connect Analytics
    • SEO and sharing
    • Add a favicon
    • Add a logo
    • Add a featured image
    • Add footer text
    • Order your navbar
    • Configure your page and site settings
  • General Features
    • Control Panel Shortcuts
    • Creating new pages
    • Donation Express Payments
    • Tags
  • Campaña Theme Features
    • Action Slider
    • Background Video Section
    • Background Quote Section
    • Column Panels
    • Collapsed Accordions
    • Cover donation fee
    • Custom Field Inputs
    • Custom Donation Field Inputs
    • Donation Panel
    • Event Calendar
    • Events Map
    • Event Program Layout
    • Embedding External Tools/Plugins
    • Feature Petition
    • Feature Video
    • Featured Blog Post
    • Feature Image Fade Options
    • Hide Tweet Section
    • Image Gallery
    • Latest News Section
    • Nav Buttons
    • Resources page
    • Share Bar
    • Share Parent Bar
    • Show Subpages
    • Show Profile Page
    • Signup Bar
    • SMS Tool
    • Video Gallery
    • Tag Appendix
  • Tips
    • Image sizes and dimensions
    • More Coming Soon
Powered by GitBook
On this page
  • Accordion (collapsed content)
  • What are accordions?
  • How to add an accordion/collapsed content?

Was this helpful?

  1. Campaña Theme Features

Collapsed Accordions

Live demo: https://campaign.codenation.com/donation_v2

PreviousColumn PanelsNextCover donation fee

Last updated 3 years ago

Was this helpful?

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

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

https://campaign.codenation.com/donation_v2