--- title: Accordion --- [Skip to content](https://www.flexbox-pro.com/accordion#main-content) [![Logo white](https://www.flexbox-pro.com/hubfs/Logo%20white.svg "Logo white")](https://www.flexbox-pro.com?hsLang=en) - Pages Show submenu for Pages - Layout Show submenu for Layout - [Header 1](https://www.flexbox-pro.com/header-1) - [Header 2](https://www.flexbox-pro.com/header-2) - [Left sidebar menu](https://www.flexbox-pro.com/header-3) - [Left sidebar menu - half covered](https://www.flexbox-pro.com/header-4) - [Left sidebar menu - collapsed](https://www.flexbox-pro.com/header-5) - [Right sidebar menu](https://www.flexbox-pro.com/header-6) - [Header 7](https://www.flexbox-pro.com/header-7) - [Header 8](https://www.flexbox-pro.com/header-8) - Template Show submenu for Template - [Projects](https://www.flexbox-pro.com/projects) - [Team](https://www.flexbox-pro.com/team) - [About us](https://www.flexbox-pro.com/about) - [Career](https://www.flexbox-pro.com/career) - [Support](https://www.flexbox-pro.com/support-form) - [Services](https://www.flexbox-pro.com/services) - [Products](https://www.flexbox-pro.com/products) - [Gallery](https://www.flexbox-pro.com/gallery) - Landing Page Show submenu for Landing Page - [Onboarding](https://www.flexbox-pro.com/onboarding) - [Form](https://www.flexbox-pro.com/lp-form) - [Register](https://www.flexbox-pro.com/lp-register) - [Download](https://www.flexbox-pro.com/lp-download) - [Thank You Page](https://www.flexbox-pro.com/lp-thank-you) - [Blog](https://www.flexbox-pro.com/blog) - [Modules Show submenu for Modules](https://www.flexbox-pro.com/modules) - [Hero banner](https://www.flexbox-pro.com/hero-banner) - [Parallax](https://www.flexbox-pro.com/parallax) - Flexible elements Show submenu for Flexible elements - [Headline](https://www.flexbox-pro.com/headline) - [Flexible richtext](https://www.flexbox-pro.com/richtext) - [Flexible icon](https://www.flexbox-pro.com/flexible-icon) - [Flexible button](https://www.flexbox-pro.com/button) - [Flexible image](https://www.flexbox-pro.com/flexible-image) - [Flexible video](https://www.flexbox-pro.com/flexible-video) - [Flexible divider](https://www.flexbox-pro.com/divider) - [Flexible form](https://www.flexbox-pro.com/form) - [List](https://www.flexbox-pro.com/list) - Multi-purpose Show submenu for Multi-purpose - [Column and Grid option](https://www.flexbox-pro.com/column-and-grid-options) - [Accordion](https://www.flexbox-pro.com/accordion) - [Card](https://www.flexbox-pro.com/card) - [Sidebar](https://www.flexbox-pro.com/sidebar) - Custom Show submenu for Custom - [Timeline](https://www.flexbox-pro.com/timeline) - [Showcase](https://www.flexbox-pro.com/showcase) - [Counter](https://www.flexbox-pro.com/counter) - [Simple box](https://www.flexbox-pro.com/simple-box) - [Pricing & Comparison table](https://www.flexbox-pro.com/pricing-comparison) - [Map](https://www.flexbox-pro.com/map) - [Gallery slider](https://www.flexbox-pro.com/gallery-slider) - [Online magazine](https://www.flexbox-pro.com/online-magazine) - Specialty Show submenu for Specialty - [Filter](https://www.flexbox-pro.com/filter) - [Tab](https://www.flexbox-pro.com/tab) - [Modal box](https://www.flexbox-pro.com/modal-box) - Social proof Show submenu for Social proof - [Social follow](https://www.flexbox-pro.com/social-follow) - [Logo slider](https://www.flexbox-pro.com/logo-slider) - [Pricing](https://www.flexbox-pro.com/#pricing) - [Module library](https://www.flexbox-pro.com/#module-library) - [AI creator](https://www.flexbox-pro.com/#ai-creator) - [Theme](https://www.flexbox-pro.com/#theme) - Pages Show submenu for Pages - Layout Show submenu for Layout - [Header 1](https://www.flexbox-pro.com/header-1) - [Header 2](https://www.flexbox-pro.com/header-2) - [Left sidebar menu](https://www.flexbox-pro.com/header-3) - [Left sidebar menu - half covered](https://www.flexbox-pro.com/header-4) - [Left sidebar menu - collapsed](https://www.flexbox-pro.com/header-5) - [Right sidebar menu](https://www.flexbox-pro.com/header-6) - [Header 7](https://www.flexbox-pro.com/header-7) - [Header 8](https://www.flexbox-pro.com/header-8) - Template Show submenu for Template - [Projects](https://www.flexbox-pro.com/projects) - [Team](https://www.flexbox-pro.com/team) - [About us](https://www.flexbox-pro.com/about) - [Career](https://www.flexbox-pro.com/career) - [Support](https://www.flexbox-pro.com/support-form) - [Services](https://www.flexbox-pro.com/services) - [Products](https://www.flexbox-pro.com/products) - [Gallery](https://www.flexbox-pro.com/gallery) - Landing Page Show submenu for Landing Page - [Onboarding](https://www.flexbox-pro.com/onboarding) - [Form](https://www.flexbox-pro.com/lp-form) - [Register](https://www.flexbox-pro.com/lp-register) - [Download](https://www.flexbox-pro.com/lp-download) - [Thank You Page](https://www.flexbox-pro.com/lp-thank-you) - [Blog](https://www.flexbox-pro.com/blog) - [Modules Show submenu for Modules](https://www.flexbox-pro.com/modules) - [Hero banner](https://www.flexbox-pro.com/hero-banner) - [Parallax](https://www.flexbox-pro.com/parallax) - Flexible elements Show submenu for Flexible elements - [Headline](https://www.flexbox-pro.com/headline) - [Flexible richtext](https://www.flexbox-pro.com/richtext) - [Flexible icon](https://www.flexbox-pro.com/flexible-icon) - [Flexible button](https://www.flexbox-pro.com/button) - [Flexible image](https://www.flexbox-pro.com/flexible-image) - [Flexible video](https://www.flexbox-pro.com/flexible-video) - [Flexible divider](https://www.flexbox-pro.com/divider) - [Flexible form](https://www.flexbox-pro.com/form) - [List](https://www.flexbox-pro.com/list) - Multi-purpose Show submenu for Multi-purpose - [Column and Grid option](https://www.flexbox-pro.com/column-and-grid-options) - [Accordion](https://www.flexbox-pro.com/accordion) - [Card](https://www.flexbox-pro.com/card) - [Sidebar](https://www.flexbox-pro.com/sidebar) - Custom Show submenu for Custom - [Timeline](https://www.flexbox-pro.com/timeline) - [Showcase](https://www.flexbox-pro.com/showcase) - [Counter](https://www.flexbox-pro.com/counter) - [Simple box](https://www.flexbox-pro.com/simple-box) - [Pricing & Comparison table](https://www.flexbox-pro.com/pricing-comparison) - [Map](https://www.flexbox-pro.com/map) - [Gallery slider](https://www.flexbox-pro.com/gallery-slider) - [Online magazine](https://www.flexbox-pro.com/online-magazine) - Specialty Show submenu for Specialty - [Filter](https://www.flexbox-pro.com/filter) - [Tab](https://www.flexbox-pro.com/tab) - [Modal box](https://www.flexbox-pro.com/modal-box) - Social proof Show submenu for Social proof - [Social follow](https://www.flexbox-pro.com/social-follow) - [Logo slider](https://www.flexbox-pro.com/logo-slider) - [Pricing](https://www.flexbox-pro.com/#pricing) - [Module library](https://www.flexbox-pro.com/#module-library) - [AI creator](https://www.flexbox-pro.com/#ai-creator) - [Theme](https://www.flexbox-pro.com/#theme) [![phone-line](https://www.flexbox-pro.com/hubfs/phone-line.svg) 09090909](https://google.com) Get started [Documentation](https://zeroheight.com/75eebd230/p/37aa70-getting-started) Support #### Get Free Support We offer free support for all flexBOX Pro customers with responses within 24 hours on weekdays. Simply submit the support form, and our team will assist you promptly. 👉 [Get support here](https://www.flexbox-pro.com/support-247?hsLang=en) We’re committed to helping you get the most out of flexBOX. While it’s a no-code theme designed for easy use, our team is always available if you need extra guidance. Additionally, you get **2 hours of free developer time** for customization support to help build your website smoothly. ![\[Hubspot modules icons\] - Accordion-4](https://www.flexbox-pro.com/hubfs/%5BHubspot%20modules%20icons%5D%20-%20Accordion-4.svg) ACCORDION ### An interactive component that displays collapsible sections of content. - - [Modules](https://www.flexbox-pro.com/modules?hsLang=en) - Multi-purpose - Accordion ## Enhanced user experience Accordions group related information together, reducing clutter and making complex content more manageable. DOCUMENTATION #### Learn how to use Accordion [Go to Zeroheight](https://zeroheight.com/75eebd230/p/81fd9b-accordion) SUPPORT 247 #### Join our free workshop [Register now](https://www.flexbox-pro.com/?hsLang=en) RESOURCES #### FlexBOX Pro documentation [Go to Zeroheight](https://zeroheight.com/75eebd230/p/12b8b6-flexbox-pro) MARTKETPLACE #### Ready to use flexBOX Pro? [Purchase theme](https://app-eu1.hubspot.com/ecosystem/27171928/marketplace/website/flexbox-pro-theme-by-business4you-ag) ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ### Extended layout ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information ##### Expandable and collapsible sections To show and hide additional content in a compact way, to allow users to quickly scan for relevant information SUPPORT 247 #### Free onboarding workshop [Register now](https://www.flexbox-pro.com/onboarding?hsLang=en) RESOURCES #### flexBOX Pro documentation [Go to Zeroheight](https://zeroheight.com/75eebd230/p/12b8b6-flexbox-pro) MARKETPLACE #### Ready to use flexbBOX Pro [Purchase theme](https://app-eu1.hubspot.com/ecosystem/27171928/marketplace/website/flexbox-pro-theme-by-business4you-ag) ![Logo white](https://www.flexbox-pro.com/hubfs/Logo%20white.svg "Logo white") 1235 Wall Street, St. Petersperg [+89 936 474797](tel:+89%20936%20474797) [contact@gmail.com](mailto:contact@gmail.com) [facebook-f icon](https://www.facebook.com) [linkedin-in icon](https://www.linkedin.com) [instagram icon](https://www.instagram.com) ##### Solutions - Consulting - Audit - Training - Development ##### Products - CRM Platforms - Enterprise - Apps ##### Resources - Read our blog - Documentation - Developer API - Community ##### Company - About us - Join our team - News/Event - Contact us © 2026 flexBOX Pro by Business4you AG, Switzerland [PRIVACY POLICY](https://www.business4you.ch/impressum)   [TERMS OF SERVICE](https://www.business4you.ch/impressum)