GNWT Base Theme Style Guide

6.4 forms.collapsible-fieldset Collapsible fieldset

Toggle example guides Toggle HTML markup

Fieldsets with optional entry fields can be hidden with collapsed fieldsets.

Examples
Default styling
A collapsible fieldset A summary of the form state
Place the form elements to hide inside this wrapping div.
.is-collapsed
The collapsed fieldset.
.hide-summary
Hide the summary or summary is empty.
A collapsible fieldset A summary of the form state
Place the form elements to hide inside this wrapping div.
.is-collapsed.hide-summary
Hide the summary or is empty collapsed.
Markup: forms/collapsible-fieldset/collapsible-fieldset.twig 
<fieldset class="collapsible-fieldset {{modifier_class}}">
  <legend>
    <span class="collapsible-fieldset__legend">
      <a href="#">A collapsible fieldset</a>
      <span class="collapsible-fieldset__summary">A summary of the form state</span>
    </span>
  </legend>
  <div class="collapsible-fieldset__wrapper">
    Place the form elements to hide inside this wrapping div.
  </div>
</fieldset>
Source: sass/forms/collapsible-fieldset/_collapsible-fieldset.scss, line 1