Using a Dough Collapsable

doughCollapsableExample.html

<!--
The main thing to note here is the data-dough-collapsable-trigger="1" and data-dough-collapsable-target="1"
This is how the trigger and target correspond to each other.

You can set the value to anything you like, it just need to match the trigger and target. We have just used "1" in this example.
-->

<p class="hidden-for-print collapsable__trigger" data-dough-component="Collapsable" data-dough-collapsable-trigger="1">
  This is the text for the show/hide trigger link (it will be converted to a link by the Javascript)
</p>

<div class="collapsable__target" data-dough-collapsable-target="1">
  This is the content of the collapsible. By default, it will be closed.
</div>