Foundation 6 Toggler
continued from Foundation 6 screencast code and prototype quickly
"Prototype to production"
to toggle state very easily
manage state with this plugin
<ul class="menu" id="menuBar" data-toggler=".expanded">...
will toggle
expanded
class on #menuBar
by clicking the toggler :somewhere else:
<a data-toggle="menuBar">Expand!</a>
it's good for prototyping - later you have your own solution to manage state
it's mostly for designers
You can also toggle animations:
data-toggled data-animate="hingeInFromTop spinOut"
talk about motion-ui - they made it framework agnostic