Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Using a Dough Collapsable
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)
<div class="collapsable__target" data-dough-collapsable-target="1">
This is the content of the collapsible. By default, it will be closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.