(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 = "<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>";
	    classie.add(overlay, 'on-overlay');
	    classie.add(wrapper, 'opened-nav');
	}
	function closeNav(){
		open = false;
		button.innerHTML = "<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>";
		classie.remove(overlay, 'on-overlay');
		classie.remove(wrapper, 'opened-nav');
	}
	document.addEventListener('click', closeNav);

})();


@@ -660,33 +660,33 @@
  = %22%3Cspan class=
-%22
+'
 glyphicon glyphi
@@ -694,17 +694,17 @@
 on-minus
-%22
+'
  aria-hi
@@ -700,38 +700,38 @@
 us' aria-hidden=
-%22
+'
 true
-%22
+'
 %3E%3C/span%3E%22;%0A%09    
@@ -882,17 +882,17 @@
 n class=
-%22
+'
 glyphico
@@ -907,17 +907,17 @@
 con-plus
-%22
+'
  aria-hi
@@ -925,14 +925,14 @@
 den=
-%22
+'
 true
-%22
+'
 %3E%3C/s

Update demo1.js