/** * main.js * http://www.codrops.com * * licensed under the mit license. * http://www.opensource.org/licenses/mit-license.php * * copyright 2014, codrops * http://www.codrops.com */ (function() { var bodyel = document.body, content = document.queryselector( '.content-wrap' ), openbtn = document.getelementbyid( 'open-button' ), closebtn = document.getelementbyid( 'close-button' ), isopen = false; function init() { initevents(); } function initevents() { openbtn.addeventlistener( 'click', togglemenu ); if( closebtn ) { closebtn.addeventlistener( 'click', togglemenu ); } // close the menu element if the target it´s not the menu element or one of its descendants.. content.addeventlistener( 'click', function(ev) { var target = ev.target; if( isopen && target !== openbtn ) { togglemenu(); } } ); } function togglemenu() { if( isopen ) { classie.remove( bodyel, 'show-menu' ); } else { classie.add( bodyel, 'show-menu' ); } isopen = !isopen; } init(); })();