Toggle Targets Examples
View the page source to see how you might go about using these.
Single toggle
Target element to be toggled
Multiple
Target 1
Target 2
Blur on click elsewhere
Target 1
Target 2
Untoggle
Here's a cheeky close button
Focus within
Hide toggle after toggling
Now this is open, the toggle button is hidden
Using an <a> with a nested element
Toggle
Target element to be toggled
Nested toggles (yikes!)
Here's a cheeky close button too
Externally toggled by JS
Target element has been automatically shown