Accordion & Toggles

  • Any num­ber of toggle/accordion ele­ments are possible.
  • You can either run them in accor­dion mode (only one open ele­ment) or in tog­gle mode (mul­ti­ple open elmenets)
  • Deeplink­ing sup­port via hash­tag (click on one item and see how the page url changes. You can link to the site with this url and the cor­rect tog­gle will be opened)
  • If you got a large num­ber of tog­gles you can make them sortable by any num­ber of tags

You can have open Tog­gles by default

Behav­ior

Should only one tog­gle be active at a time and the oth­ers be hid­den or can mul­ti­ple tog­gles be open at the same time?

Funky

Add/Edit Tog­gles

Here you can add, remove and edit the tog­gles you want to display.

Lorem

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim. Donec pede jus­to, fringilla vel, ali­quet nec, vulpu­tate eget, arcu. In enim jus­to, rhon­cus ut.

One toggle open at a time

Tog­gle 2

Ini­tial Open

Enter the Num­ber of the Accor­dion Item that should be open ini­tial­ly. Set to Zero if all should be close on page load

Tog­gle 1

Behav­ior

Should only one tog­gle be active at a time and the oth­ers be hid­den or can mul­ti­ple tog­gles be open at the same time?

Funky

Add/Edit Tog­gles

Here you can add, remove and edit the tog­gles you want to display.

Lorem

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim. Donec pede jus­to, fringilla vel, ali­quet nec, vulpu­tate eget, arcu. In enim jus­to, rhon­cus ut.

Multiple open toggles possible

Tog­gle 2

Ini­tial Open

Enter the Num­ber of the Accor­dion Item that should be open ini­tial­ly. Set to Zero if all should be close on page load

Tog­gle 1

Behav­ior

Should only one tog­gle be active at a time and the oth­ers be hid­den or can mul­ti­ple tog­gles be open at the same time?

Funky

Add/Edit Tog­gles

Here you can add, remove and edit the tog­gles you want to display.

Lorem

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Fusce id purus. Ut var­ius tin­cidunt libero. Phasel­lus dolor. Mae­ce­nas vestibu­lum mollis

Sortable

Are there addi­tion­al costs?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Sup­port Includ­ed?

Donec pede jus­to, fringilla vel, ali­quet nec, vulpu­tate eget, arcu. In enim jus­to, rhon­cus ut, imperdi­et a, vene­natis vitae, jus­to. Nul­lam dic­tum felis eu pede mol­lis pretium. Inte­ger tin­cidunt. Cras dapibus. Viva­mus ele­men­tum sem­per nisi. Aenean vulpu­tate eleifend tellus.

How to set up the theme?

Nul­lam sagit­tis. Sus­pendisse pul­v­inar, augue ac vene­natis condi­men­tum, sem libero volut­pat nibh, nec pel­len­tesque velit pede quis nunc. Vestibu­lum ante ipsum prim­is in fau­cibus orci luc­tus et ultri­ces posuere cubil­ia Curae; Fusce id purus. Ut var­ius tin­cidunt libero. Phasel­lus dolor. Mae­ce­nas vestibu­lum mollis

What about Refunds?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Can I change Plans or can­cel at any time?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Sup­port Includ­ed?

Donec pede jus­to, fringilla vel, ali­quet nec, vulpu­tate eget, arcu. In enim jus­to, rhon­cus ut, imperdi­et a, vene­natis vitae, jus­to. Nul­lam dic­tum felis eu pede mol­lis pretium. Inte­ger tin­cidunt. Cras dapibus. Viva­mus ele­men­tum sem­per nisi. Aenean vulpu­tate eleifend tellus.

How to set up the theme?

Nul­lam sagit­tis. Sus­pendisse pul­v­inar, augue ac vene­natis condi­men­tum, sem libero volut­pat nibh, nec pel­len­tesque velit pede quis nunc. Vestibu­lum ante ipsum prim­is in fau­cibus orci luc­tus et ultri­ces posuere cubil­ia Curae; Fusce id purus. Ut var­ius tin­cidunt libero. Phasel­lus dolor. Mae­ce­nas vestibu­lum mollis

Can I change Plans or can­cel at any time?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

What about Refunds?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

How to set up the theme?

Nul­lam sagit­tis. Sus­pendisse pul­v­inar, augue ac vene­natis condi­men­tum, sem libero volut­pat nibh, nec pel­len­tesque velit pede quis nunc. Vestibu­lum ante ipsum prim­is in fau­cibus orci luc­tus et ultri­ces posuere cubil­ia Curae; Fusce id purus. Ut var­ius tin­cidunt libero. Phasel­lus dolor. Mae­ce­nas vestibu­lum mollis

Are there addi­tion­al costs?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Can I change Plans or can­cel at any time?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Are there addi­tion­al costs?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.

Sup­port Includ­ed?

Donec pede jus­to, fringilla vel, ali­quet nec, vulpu­tate eget, arcu. In enim jus­to, rhon­cus ut, imperdi­et a, vene­natis vitae, jus­to. Nul­lam dic­tum felis eu pede mol­lis pretium. Inte­ger tin­cidunt. Cras dapibus. Viva­mus ele­men­tum sem­per nisi. Aenean vulpu­tate eleifend tellus.

What about Refunds?

Lorem ipsum dolor sit amet, con­sectetuer adip­isc­ing elit. Aenean com­mo­do ligu­la eget dolor. Aenean mas­sa. Cum soci­is natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Donec quam felis, ultricies nec, pel­len­tesque eu, pretium quis, sem. Nul­la con­se­quat mas­sa quis enim.