Expand/Collapse All Content

This plugin creates an element that can be used to expand and collapse all details elements on a page.

Examples

View code

<div class="wet-boew-expandcollapseall toggle toggle-open toggle-close accent-first print-open"></div>

View code

<div class="wet-boew-expandcollapseall toggle-open toggle-close"></div>

View code

<div class="wet-boew-expandcollapseall"></div>

CSS classes can be used to configure the behaviour of the toggle element. These can also be set using the settings.js override file:

CSS Configuration Options
Class	Details
`wet-boew-expandcollapseall`	Create a toggle element. With no other options this will create a single toggle button.
`accent-first`	Accents the first button.
`print-open`	Automatically open `details` when printing.
`toggle`	Add a button that expands and collapses `details` elements.
`toggle-close`	Add a button that will only collapse `details` elements.
`toggle-open`	Add a button that will only expand `details` elements.