Accordion, Foundation version

The code for the accordion was found at w3schools.com. It consists of buttons that open a panel. In the panel you can pop text, images, slides, music players... The Vanilla version of this building block I have used to collect bits and pieces of good advice given in the CC forum. This one contains other things.
The panel has a max height of 0px and it is opened by a java script in the footer. In order to edit a panel, you need to temporarily remove the height setting (make it 'none' or so). Afterwards you change the setting back to 0px.
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, so that you have what you need.
To create a component, select the container 'accordion-wrapper'. Also, make sure not to forget the css and js in the header and footer in the Page manager.

Text paragraphs can be placed in a panel. E.g. definitions, explanations, 'read more' and such stuff.

Tulip

Placeholder Picture

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Scilla

Placeholder Picture

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Narcissus

Placeholder Picture

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

  • Image
  • Image B
  • Image C
  • Image D
Placeholder Picture

Turkish tune: 'Kaval Doğaçlama'

Improvisations on the kaval (a kind of flute)

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.