64 lines
1.7 KiB
JavaScript
64 lines
1.7 KiB
JavaScript
/*==============================================================
|
||
pull menu
|
||
==============================================================*/
|
||
|
||
function bindEvent(el, eventName, eventHandler) {
|
||
if (el.addEventListener) {
|
||
el.addEventListener(eventName, eventHandler, false);
|
||
} else if (el.attachEvent) {
|
||
el.attachEvent('on' + eventName, eventHandler);
|
||
}
|
||
}
|
||
|
||
(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() {
|
||
if (openbtn) {
|
||
bindEvent(openbtn, 'click', toggleMenu);
|
||
|
||
}
|
||
//openbtn.addEventListener( 'click', toggleMenu );
|
||
if (closebtn) {
|
||
|
||
bindEvent(closebtn, 'click', toggleMenu);
|
||
//closebtn.addEventListener( 'click', toggleMenu );
|
||
}
|
||
|
||
// close the menu element if the target it´s not the menu element or one of its descendants..
|
||
|
||
}
|
||
|
||
function toggleMenu() {
|
||
|
||
if (isOpen) {
|
||
classie.remove(bodyEl, 'show-menu');
|
||
if ( $( ".full-width-pull-menu" ).length ) {
|
||
classie.remove(bodyEl, 'overflow-hidden');
|
||
classie.remove(bodyEl, 'position-fixed');
|
||
}
|
||
}
|
||
else {
|
||
classie.add(bodyEl, 'show-menu');
|
||
|
||
if ( $( ".full-width-pull-menu" ).length ) {
|
||
classie.add(bodyEl, 'overflow-hidden');
|
||
classie.add(bodyEl, 'position-fixed');
|
||
}
|
||
|
||
}
|
||
isOpen = !isOpen;
|
||
}
|
||
|
||
init();
|
||
|
||
})(); |