Multi section viewer example

Default

How it looks (preview)

Section 1

Section 2

How to call this example

<button class="govuk-button" data-toggle="multi-section-viewer" data-target="sections" data-target-section="section-1">Show Section 1</button>
<button class="govuk-button" data-toggle="multi-section-viewer" data-target="sections" data-target-section="section-2">Show Section 2</button>
<%= render "components/multi_section_viewer", {
  id: "sections",
  sections: [
    {
      id: "section-1",
      content: "Section 1"
    },
    {
      id: "section-2",
      content: "Section 2"
    }
  ]
} %>