Skip to main content

Expandable Content

Expandable Content components are used to temporarily hide content on a page. The user must choose to view the content by clicking to expand it.

Add expandable content using the content type [ZEP] Expandable. 

The title of the expandable content box needs to be short and descriptive. This is the only information the user will have to encourage them to expand the content. It should be sentence case.

We recommend that you limit the amount of expandable content used on a single page. It should be used for supplementary information or for content intended for a specific audience, eg entry requirements for different qualifications. Nothing essential should ever be hidden. 

Example One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus blandit ipsum, et imperdiet felis malesuada a. Sed vestibulum efficitur vestibulum. Morbi ultrices vel eros vitae commodo. Sed eleifend lectus ut felis tincidunt, ut rhoncus mi consequat. Proin sit amet ipsum eu elit interdum aliquam. Integer cursus finibus felis vitae lacinia. Sed varius sollicitudin nulla vel suscipit. Proin sit amet lorem congue elit ultrices ullamcorper. Cras ornare, elit a maximus porta, mi turpis volutpat erat, fringilla rhoncus odio magna vel ex.

 
Example Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus blandit ipsum, et imperdiet felis malesuada a. Sed vestibulum efficitur vestibulum. Morbi ultrices vel eros vitae commodo. Sed eleifend lectus ut felis tincidunt, ut rhoncus mi consequat. Proin sit amet ipsum eu elit interdum aliquam. Integer cursus finibus felis vitae lacinia. Sed varius sollicitudin nulla vel suscipit. Proin sit amet lorem congue elit ultrices ullamcorper. Cras ornare, elit a maximus porta, mi turpis volutpat erat, fringilla rhoncus odio magna vel ex.

 
Example Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus blandit ipsum, et imperdiet felis malesuada a. Sed vestibulum efficitur vestibulum. Morbi ultrices vel eros vitae commodo. Sed eleifend lectus ut felis tincidunt, ut rhoncus mi consequat. Proin sit amet ipsum eu elit interdum aliquam. Integer cursus finibus felis vitae lacinia. Sed varius sollicitudin nulla vel suscipit. Proin sit amet lorem congue elit ultrices ullamcorper. Cras ornare, elit a maximus porta, mi turpis volutpat erat, fringilla rhoncus odio magna vel ex.