The Accordian Module

If you want to start with all the toggles closed, one way is to add display:none; to the 1st toggle’s Main Element CSS. But rather than just hiding the first toggle you can make it a close-all button and ‘header’ for the accordian module.

Give the first toggle a Title but leave its content empty. The 1st toggle needs to look a bit different so change its background colour and choose an appropriate close toggle icon e.g (^) . You can see how it works below.

1st Toggle becomes the header and Close-all button
Second Toggle

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Third Toggle

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.