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.