Accordions are components that show hidden content. When a page loads they will display a title and a button. When you click the title it displays the hidden content below. To close the accordion you simply click the title and or / button again.


The Brady Bunch was the first place I saw a make-over. I think Marcia made over a plain (a nice word for ugly) girl into someone beautiful – off came the glasses, down came the hair and with a little makeup and different clothes, voilà the transformation from frog to princess was complete!

The Brady Bunch was the first place I saw a make-over. I think Marcia made over a plain (a nice word for ugly) girl into someone beautiful – off came the glasses, down came the hair and with a little makeup and different clothes, voilà the transformation from frog to princess was complete!

The Brady Bunch was the first place I saw a make-over. I think Marcia made over a plain (a nice word for ugly) girl into someone beautiful – off came the glasses, down came the hair and with a little makeup and different clothes, voilà the transformation from frog to princess was complete!


To use this style:

When you are on the 'Edit Article' page, select the the pink grid of boxes at the top of the content window and choose 'accordion' from the list. You will then need to replace the title and content with your own.

TIP: Accordions are useful when your total content is too long for people to read. Accordions allow you to condense the page but still present the full content that's needed. Avoid putting too much information inside accordions though, as people can become disorientated and confused between what is in the article and what is in the accordion.