diff --git a/css/demo.css b/css/demo.css
index 1178d1f..7f92fac 100644
--- a/css/demo.css
+++ b/css/demo.css
@@ -26,7 +26,7 @@ body, html { font-size: 100%; 	padding: 0; margin: 0;}
 
 body {
     font-family: Calibri, Arial, sans-serif;
-    color: #47a3da;
+    color: #666;
 
 }
 
@@ -110,7 +110,7 @@ a:hover {
 
 .main > section h2 {
 	font-weight: 300;
-	color: #ccc;
+	color: #47a3da;
 }
 
 .main > section button {
diff --git a/index.html b/index.html
index 150316f..f4218a8 100644
--- a/index.html
+++ b/index.html
@@ -98,9 +98,13 @@ <h2>jPushMenu Demo</h2>
 					<button class="toggle-menu menu-top">Toggle Top Menu</button>
 					<button class="toggle-menu menu-bottom">Toggle Bottom Menu</button>
 					
-					
-				</section>
-				<section>
+				<h2>Changelog</h2>	
+				<ul>
+				<li>1.1.1 : Add <code>return false;</code> on button/link.</li>
+				<li>1.1 : Add <code>closeOnClickOutside</code> parameter.</li>
+				<li>1.0 : Initial release</li>
+				</ul>
+				
 					<h2>How to use?</h2>
 <h3>Include required style</h3>
 <textarea class="code">
@@ -134,7 +138,7 @@ <h3>Make button or link</h3>
 </textarea>
 
 <h3>Make menu element</h3>					
-<p>Element IDs should be anything, but must be match with data-target attribute on the button above.</p>
+
 <textarea class="code">
 <!-- Left menu element-->
 <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left">
diff --git a/js/jPushMenu.js b/js/jPushMenu.js
index daa1253..2db4331 100644
--- a/js/jPushMenu.js
+++ b/js/jPushMenu.js
@@ -1,6 +1,6 @@
 /*!
  * jPushMenu.js
- * 1.0
+ * 1.1.1
  * @author: takien
  * http://takien.com
  * Original version (pure JS) is created by Mary Lou http://tympanus.net/
@@ -19,8 +19,7 @@
 			var target         = '',
 			push_direction     = '';
 			
-			//$(this).removeClass('jPushMenuBtn');
-			
+		
 			if($(this).is('.'+o.showLeftClass)) {
 				target         = '.cbp-spmenu-left';
 				push_direction = 'toright';
@@ -45,11 +44,25 @@
 			}
 			
 			/* disable all other button*/
-			//$('.jPushMenuBtn.disabled').removeClass('disabled');
 			$('.jPushMenuBtn').not($(this)).toggleClass('disabled');
 			
-			
+			return false;
 		});
+		var jPushMenu = {
+			close: function (o) {
+				$('.jPushMenuBtn,body,.cbp-spmenu').removeClass('disabled active cbp-spmenu-open cbp-spmenu-push-toleft cbp-spmenu-push-toright');
+			}
+		}
+		
+		if(o.closeOnClickOutside) {
+			 $(document).click(function() { 
+				jPushMenu.close();
+			 }); 
+
+			 $('.cbp-spmenu,.toggle-menu').click(function(e){ 
+				 e.stopPropagation(); 
+			 });
+		 }
 	};
  
    /* in case you want to customize class name,
@@ -63,6 +76,7 @@
 		showTopClass    : 'menu-top',
 		showBottomClass : 'menu-bottom',
 		menuOpenClass   : 'cbp-spmenu-open',
-		pushBodyClass   : 'push-body'
+		pushBodyClass   : 'push-body',
+		closeOnClickOutside: true
 	};
 })(jQuery);
\ No newline at end of file