Foundation 6 Toggler

In notebook:
Article Notes
Created at:
css libraries
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