Accordion, Bootstrap 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, you name it...
The Vanilla version of this building block has been used to collect bits and pieces of good advice given in the CC forum, and the Foundation version contains suggestions about what to add into the panels, so check it out to get some ideas. This version is just plain, it will be up to you what you'll use it for.
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.