X

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Accordion

The code for the accordion consists of buttons that open a panel. In the panel you can pop text, images, slides, music players, you name it...
The 'panel' containers have a max-height setting of 0px in the Styles -> Layout pane. In order to edit a panel, you need temporarily to change the max-height setting to 'none'. Afterwards you change the setting back to 0px. The opening of those panels in browsers is by some JavaScript.
The button and the panel are located inside a container with the class name 'section'. If you need more or less sections, you just duplicate or remove until you have what you need.

Placeholder Picture

Download this component