Javascript Click 0.1

Use javascript to toggle classes.

by Paul Schmitt

HTML

<div id="trigger"><a href="#" class="menu-icon">&#9776;</a></div><nav id="links" class="menu-closed"></nav>

CSS

#trigger{
    color:#FFF;
    background-color:#333;
    width:100%;
}
#trigger a{
   text-decoration:none;
    color:#FFF;
}
nav { 
    width: 100%;
}
#links{   
}
.menu-closed {
    background-color:red;
    width:24px;
    height:24px;
}
.menu-open {
    background-color:blue;
    width:48px;
    height:48px;
}
menu-icon {    
}

JavaScript

$("#trigger").click(function() {
    $("nav").toggleClass("menu-closed menu-open");
});