takien · takien · Oct 21, 2014 · Sep 5, 2014 · Sep 5, 2014 · Sep 5, 2014
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+bower_components
diff --git a/README.md b/README.md
@@ -1,6 +1,14 @@
-jPushMenu
-=========
+# jPushMenu
 
 A jQuery version of Slide and Push Menus
 
 Demo http://takien.github.io/jPushMenu/
+
+
+# Development
+
+Install [Bower](http://bower.io) on your local machine first, then run:
+
+`bower install`
+
+This will install jQuery on your local machine.
diff --git a/bower.json b/bower.json
@@ -0,0 +1,29 @@
+{
+  "name": "jPushMenu",
+  "description": "A jQuery version of Slide and Push Menus.",
+  "version": "1.1.1",
+  "keywords": [
+    "js",
+    "css",
+    "menu",
+    "jQuery",
+    "sliding menus",
+    "pushing menus",
+    "navigation",
+    "responsive",
+    "mobile menu"
+  ],
+  "homepage": "http://takien.github.io/jPushMenu/",
+  "main": [
+    "css/jPushMenu.css",
+    "js/jPushMenu.js"
+  ],
+  "ignore": [
+    "/.*",
+    "/css/demo.css",
+    "/index.html"
+  ],
+  "dependencies": {
+    "jQuery": "~1.9.1"
+  }
+}
diff --git a/index.html b/index.html
@@ -2,14 +2,14 @@
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
-		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>jPushMenu, jQuery version of Slide and Push Menus</title>
 		<meta name="description" content="jPushMenu, Slide and Push Menus" />
 		<meta name="keywords" content="sliding menu, pushing menu, navigation, responsive, menu, css, jquery, mobile menu" />
-		
+
 		<link rel="stylesheet" type="text/css" href="css/demo.css" />
-		
+
 		<!--load jPushMenu.css, required-->
 		<link rel="stylesheet" type="text/css" href="css/jPushMenu.css" />
 	</head>
@@ -65,9 +65,9 @@ <h3>Menu</h3>
 		<div class="container">
 			<header class="clearfix">
 				<h1>jPushMenu</h1>
-				
+
 				<p>A jQuery version of <strong>Slide and Push Menus</strong> by <a target="_blank" href="http://tympanus.net/codrops/?p=14725">Mary Lou</a></p>
-				
+
 				 <ul class="quick-links">
 		<li class="fb-btn">
 		<fb:like layout="button_count" send="false" href="http://takien.github.io/jPushMenu/"></fb:like>
@@ -82,37 +82,36 @@ <h1>jPushMenu</h1>
 			<g:plusone url="http://takien.github.io/jPushMenu/" size="medium"></g:plusone>
 		   </li>
 		</ul><!--quick-links-->
-		
+
 			</header>
 			<div class="main">
 				<section>
 					<h2>jPushMenu Demo</h2>
 					<p>Click button to show/hide menu</p>
-					
+
 					<button class="toggle-menu menu-left">Toggle Left Menu</button>
 					<button class="toggle-menu menu-left push-body">Toggle Left Menu Push</button>
-					
+
 					<button class="toggle-menu menu-right">Toggle Right Menu</button>
 					<button class="toggle-menu menu-right push-body">Toggle Right Menu Push</button>
-					
+
 					<button class="toggle-menu menu-top">Toggle Top Menu</button>
 					<button class="toggle-menu menu-bottom">Toggle Bottom Menu</button>
-					
-				<h2>Changelog</h2>	
+
+				<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">
 <link rel="stylesheet" type="text/css" href="css/jPushMenu.css" />
-</textarea>			
-<h3>Include required script</h3>					
+</textarea>
+<h3>Include required script</h3>
 <textarea class="code"><!--load jQuery, required-->
-<script src="js/jquery-1.9.1.min.js"></script>
+<script src="bower_components/jQuery/jquery.min.js"></script>
 <!--load jPushMenu, required-->
 <script src="js/jPushMenu.js"></script>
 
@@ -122,7 +121,7 @@ <h3>Include required script</h3>
 	$('.toggle-menu').jPushMenu();
 });
 </script>
-		
+
 </textarea>
 <h3>Make button or link</h3>
 <p>The class names are self explained.</p>
@@ -137,7 +136,7 @@ <h3>Make button or link</h3>
 <button class="toggle-menu menu-bottom">Toggle Bottom Menu</button>
 </textarea>
 
-<h3>Make menu element</h3>					
+<h3>Make menu element</h3>
 
 <textarea class="code">
 <!-- Left menu element-->
@@ -195,29 +194,29 @@ <h3>Menu</h3>
 
 </textarea>
 				</section>
-				
+
 			</div>
-		
-		
+
+
 			<footer>
 			&copy; 2013 -  <a target="_blank" href="http://takien.com">takien.com</a>
 			</footer>
 		</div>
-		
+
 		<a target="_blank" href="https://github.com/takien/jPushMenu"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-		
+
 		<!--load jQuery, required-->
 		<script src="js/jquery-1.9.1.min.js"></script>
 		<!--load jPushMenu, required-->
 		<script src="js/jPushMenu.js"></script>
-		
+
 		<!--call jPushMenu, required-->
 		<script>
 		jQuery(document).ready(function($) {
 			$('.toggle-menu').jPushMenu();
 		});
 		</script>
-		
+
 		<!--for docs purpose only :p-->
 <div id="fb-root"></div>
 <script>(function(d, s, id) {

diff --git a/js/jquery-1.9.1.min.js b/js/jquery-1.9.1.min.js