govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
37 lines (36 loc) • 1.85 kB
HTML
<div class="govuk-accordion" data-module="govuk-accordion" id="with-long-content-and-description">
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.
</span>
</h2>
<div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-1">
Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
</div>
</div>
<div id="with-long-content-and-description-content-1" class="govuk-accordion__section-content">
<ul class="govuk-list govuk-list--bullet">
<li>Example item 1</li>
</ul>
</div>
</div>
<div class="govuk-accordion__section">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading">
<span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-2">
Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
</span>
</h2>
<div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-2">
<span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
</div>
</div>
<div id="with-long-content-and-description-content-2" class="govuk-accordion__section-content">
<ul class="govuk-list govuk-list--bullet">
<li>Example item 2</li>
</ul>
</div>
</div>
</div>