Skip to content

Instantly share code, notes, and snippets.

@benbarnett
Created April 14, 2015 10:45
Show Gist options
  • Save benbarnett/4415ff37e23f6e11f19a to your computer and use it in GitHub Desktop.
Save benbarnett/4415ff37e23f6e11f19a to your computer and use it in GitHub Desktop.
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)
</p>
<div class="collapsable__target" data-dough-collapsable-target="1">
This is the content of the collapsible. By default, it will be closed.
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment