{{!--
I would have added aria-controls to this button, but the following article says,
"So long as the section's content follows the heading/button in the source order,
it isn't needed. The user will (immediately) encounter the expanded content as
they move down the page.": https://inclusive-components.design/collapsible-sections/
--}}

<button class="c-collapsible-section__button js-collapsible-section-button" type="button" aria-expanded="{{#if expanded}}true{{else}}false{{/if}}">
  {{ buttonText }}
</button>

<div class="c-collapsible-section js-collapsible-section"{{#unless expanded}} hidden{{/unless}}>
  <div class="c-collapsible-section__content">
    {{{ sectionContent }}}
  </div>
</div>
