Accordion

Section A
  • Example item 1
Section B
  • Example item 2
<div
class="govuk-accordion myClass lbh-accordion"
data-module="govuk-accordion"
id="default-example"
data-attribute="value"
>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h5 class="govuk-accordion__section-heading">
<span
class="govuk-accordion__section-button"
id="default-example-heading-1"
>
Section A
</span>
</h5>
</div>
<div
id="default-example-content-1"
class="govuk-accordion__section-content"
aria-labelledby="default-example-heading-1"
>
<ul class="lbh-list lbh-list--bullet">
<li>Example item 1</li>
</ul>
</div>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h5 class="govuk-accordion__section-heading">
<span
class="govuk-accordion__section-button"
id="default-example-heading-2"
>
Section B
</span>
</h5>
</div>
<div
id="default-example-content-2"
class="govuk-accordion__section-content"
aria-labelledby="default-example-heading-2"
>
<ul class="lbh-list lbh-list--bullet">
<li>Example item 2</li>
</ul>
</div>
</div>
</div>