Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (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();
- })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement