{"id":64,"date":"2017-01-31T01:24:17","date_gmt":"2017-01-31T01:24:17","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=64"},"modified":"2020-04-27T03:26:35","modified_gmt":"2020-04-27T03:26:35","slug":"accordions","status":"publish","type":"page","link":"http:\/\/jradjusters.com\/es\/accordions\/","title":{"rendered":"Elements – Accordions"},"content":{"rendered":"
[stack_hero image=”38″]\n\t
\n\t\t
\n\t\t\t

Accordions<\/h1>\n

These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n

\n

Explore all of Stack’s modular elements
\nat the\u00a0Element Index Page \u2192<\/a><\/p>\n\n\t\t<\/div> \n\t<\/div> [\/stack_hero]<\/div><\/div><\/div><\/div><\/div>[vc_section css=”.vc_custom_1498220753999{padding-top: 0px !important;}” ebor_docs=””]

\n\t
\n\t\t
\n\t\t\t

Button Style \u2014 Multiple Open<\/h4>\n

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.<\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div>

<\/div><\/div><\/div>
[stack_accordion][stack_accordion_content title=”Code Quality”]<\/p>\n

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.<\/p>\n

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

[\/stack_accordion_content][stack_accordion_content title=”Visual Design”]<\/p>\n

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.<\/p>\n

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away \u2014 Customizing your site in the included Visual Composer\u00a0Page Builder makes experimenting with styles and content arrangements dead simple.<\/p>\n

[\/stack_accordion_content][stack_accordion_content title=”Stack Experience”]<\/p>\n

TommusRhodus\u00a0is 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.<\/p>\n

[\/stack_accordion_content][\/stack_accordion]<\/div><\/div><\/div><\/div><\/div>[\/vc_section][vc_section]

\n\t
\n\t\t
\n\t\t\t

Minimal Style \u2014 Multiple Open<\/h4>\n

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.<\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div>

<\/div><\/div><\/div>
[stack_accordion type=”accordion accordion-2″][stack_accordion_content title=”Code Quality”]<\/p>\n

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.<\/p>\n

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

[\/stack_accordion_content][stack_accordion_content title=”Visual Design”]<\/p>\n

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.<\/p>\n

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away \u2014 Customizing your site in the included Visual Composer\u00a0Page Builder makes experimenting with styles and content arrangements dead simple.<\/p>\n

[\/stack_accordion_content][stack_accordion_content title=”Stack Experience”]<\/p>\n

TommusRhodus\u00a0is 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.<\/p>\n

[\/stack_accordion_content][\/stack_accordion]<\/div><\/div><\/div><\/div><\/div>[\/vc_section][vc_section]

\n\t
\n\t\t
\n\t\t\t

Button Style \u2014 One Open<\/h4>\n

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\u00a0.accordion–one-open\u00a0class.<\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div>

<\/div><\/div><\/div>
[stack_accordion type=”accordion accordion-1 accordion–oneopen”][stack_accordion_content title=”Code Quality”]<\/p>\n

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.<\/p>\n

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

[\/stack_accordion_content][stack_accordion_content title=”Visual Design”]<\/p>\n

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.<\/p>\n

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away \u2014 Customizing your site in the included Visual Composer\u00a0Page Builder makes experimenting with styles and content arrangements dead simple.<\/p>\n

[\/stack_accordion_content][stack_accordion_content title=”Stack Experience”]<\/p>\n

TommusRhodus\u00a0is 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.<\/p>\n

[\/stack_accordion_content][\/stack_accordion]<\/div><\/div><\/div><\/div><\/div>[\/vc_section][vc_section]

\n\t
\n\t\t
\n\t\t\t

Minimal Style \u2014 One Open<\/h4>\n

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\u00a0.accordion–one-open\u00a0class.<\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div>

<\/div><\/div><\/div>
[stack_accordion type=”accordion accordion-2 accordion–oneopen”][stack_accordion_content title=”Code Quality”]<\/p>\n

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.<\/p>\n

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

[\/stack_accordion_content][stack_accordion_content title=”Visual Design”]<\/p>\n

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.<\/p>\n

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away \u2014 Customizing your site in the included Visual Composer\u00a0Page Builder makes experimenting with styles and content arrangements dead simple.<\/p>\n

[\/stack_accordion_content][stack_accordion_content title=”Stack Experience”]<\/p>\n

TommusRhodus\u00a0is 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.<\/p>\n

[\/stack_accordion_content][\/stack_accordion]<\/div><\/div><\/div><\/div><\/div>[\/vc_section]

\n\t
\n\t\t
\n\t\t\t

Looking for styled accordion sections?<\/h2>\n

VIEW ACCORDION SECTIONS<\/a><\/p>\n

or try the\u00a0admin demo ↗<\/a><\/p>\n\n\t\t<\/div> \n\t<\/div> <\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_section css=”.vc_custom_1498220753999{padding-top: 0px !important;}” ebor_docs=””][\/vc_section][vc_section][\/vc_section][vc_section][\/vc_section][vc_section][\/vc_section]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":1,"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":2877,"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions\/2877"}],"wp:attachment":[{"href":"http:\/\/jradjusters.com\/es\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}