CodePen - Foundation - Toggler - Multiple Targets (CSS/Flex Example)

CodePen - Foundation - Toggler - Multiple Targets (CSS/Flex Example)

Multiple Targets

The data-toggle, data-close, and data-open attributes can now target multiple elements! The syntax is simple; just pass a space separated list to the data-x attribute. Then the elements with ids of foo, bar, and baz will be toggled any time your button, (or any other element you choose), is clicked.

Photo of Uranus.
Photo of Uranus.
Photo of Uranus.