Template:Hong Kong HKUST/demo1.js/JS⁠⁠⁠⁠

(function(){

var button = document.getElementById('cn-button'),

   wrapper = document.getElementById('cn-wrapper'),
   overlay = document.getElementById('cn-overlay');

//open and close menu when the button is clicked var open = false; button.addEventListener('click', handler, false); wrapper.addEventListener('click', cnhandle, false);

function cnhandle(e){ e.stopPropagation(); }

function handler(e){ if (!e) var e = window.event; e.stopPropagation();//so that it doesn't trigger click event on document

if(!open){ openNav(); } else{ closeNav(); } } function openNav(){ open = true; button.innerHTML = "-"; classie.add(overlay, 'on-overlay'); classie.add(wrapper, 'opened-nav'); } function closeNav(){ open = false; button.innerHTML = "+"; classie.remove(overlay, 'on-overlay'); classie.remove(wrapper, 'opened-nav'); } document.addEventListener('click', closeNav);

})();