Accordions

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Button Style — Multiple Open

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus Themes.

Minimal Style — Multiple Open

The default behaviour for the accordion is to allow users to open multiple panes by clicking on the title. Panes are closed by clicking again on the title.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus Themes.

Button Style — One Open

Allows only one panel to remain active at any time. Clicking a new panel automatically closes the previously active panel. This is achieved using the .accordion–one-open class.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus Themes.

Minimal Style — One Open

Allows only one panel to remain active at any time. Clicking a new panel automatically closes the previously active panel. This is achieved using the .accordion–one-open class.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus Themes.

Looking for styled accordion sections?

VIEW ACCORDION SECTIONS

or try the admin demo ↗

DISCLAIMER:
Stephen Duncan, DCH., S.PhD., PSc.D, FSAC is not a licensed medical doctor and is not licensed or credentialed by the Texas Medical Board, nor does he choose to be based on his personal and professional beliefs regarding natural healing modalities. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC in no way provides procedures, services, labs, or treatments which should be perceived as recommendations made by a license, medical healthcare provider. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC believes that God has created within our bodies the perfect signatures for healing. It is his call/desire to help each individual clear the pathways that block healing and create disharmony by utilizing God’s great pharmacy-the Earth.
The information and resources presented on this site are not intended to replace the care of a qualified health professional. While the ideas presented here are based on extensive research, they are not intended to provide specific advice for any individual person’s medical concerns. The resources on this site are for educational purposes; it is recommended that each individual choose a trusted health care professional for diagnosis and treatment purposes. The author of this site encourages visitors to educate themselves about the various theories and treatment approaches for health care issues, so that the safest, most effective approach can be identified.