These are really useful to display lots of content without overwhelming the visitor. Think of Frequently Asked Questions (FAQs), or use them for separating large chunks of information into more manageable pieces.
They are very easy to create in Fluidal. Just type in the “question” (the bit you click on) and then the “answer” (the bit that’s revealed when you click).
As well as all the normal container controls, you can also add intro text before or after the accordions to introduce the section.
Praesent eu finibus purus. Proin tristique sapien ut leo tincidunt suscipit. Aenean eget magna vel eros semper fermentum et ac neque. In vel diam vel lacus egestas congue sed at justo. Mauris euismod, dolor sed rutrum placerat, tortor neque finibus risus, non efficitur lectus nibh eu metus. Vestibulum tempus urna a feugiat tincidunt. Donec gravida porta metus, id finibus massa aliquet vitae. Nam tristique est in lobortis iaculis. Cras dui dui, ultricies a urna a, luctus ultricies nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi at auctor eros, non condimentum diam. Praesent tincidunt lacus vitae nisi aliquam hendrerit.
Donec cursus metus gravida condimentum suscipit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis finibus ligula, vel ultrices mi. Sed sit amet dui sit amet diam pulvinar sollicitudin ut at ante. Praesent ullamcorper facilisis aliquet. Maecenas ac eros euismod nibh pellentesque condimentum. In hac habitasse platea dictumst. Sed lorem mi, finibus eu sagittis id, tincidunt eu massa. Aliquam euismod velit leo, eget lacinia ante semper in. Sed eget libero mauris. Morbi eu suscipit nulla, vel fringilla justo. Nullam sed sollicitudin leo, tincidunt congue dolor.
Sed porta est ex. Donec vel erat nisi. Maecenas fermentum sapien est, nec viverra augue sollicitudin quis. Nunc interdum massa quam, ut porta purus molestie eget. Nam id vestibulum quam, at venenatis quam. Fusce nec elit in nisi ullamcorper sodales mollis nec dui. Proin a tellus nibh. Ut volutpat tortor vel magna semper rhoncus id at libero. Ut laoreet eget dolor vel efficitur. Ut consectetur ligula nulla, ac accumsan dui fringilla luctus. In sit amet consectetur nunc. Sed vitae porttitor mi, non ornare ipsum.
Cras lacinia pulvinar nulla. Donec eu dictum lorem. Nam nec tellus pretium, commodo nunc ac, scelerisque enim. Cras tempus venenatis ligula, eget sollicitudin turpis elementum ac. In hac habitasse platea dictumst. Aenean tincidunt dolor id purus imperdiet elementum. Ut neque massa, sagittis id ipsum ut, lacinia malesuada leo. Nulla sit amet rhoncus tortor. Phasellus porta dui a enim molestie, sit amet ultricies ligula mollis. Suspendisse in lorem vulputate, lacinia augue sed, aliquet diam. Pellentesque commodo interdum facilisis.