Merge pull request DmitryBaranovskiy#839 from Shopify/ditch-jquery

Adam Hollett · web-flow · commit 4ccfaa470df7 · 2016-12-16T13:17:27.000-05:00
Remove jQuery
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -32,8 +32,6 @@
     <meta name="twitter:url" content="{{ site.url | append: site.baseurl }}">
     <meta name="twitter:title" content="{{ page.title | default: site.title }}">
     <meta name="twitter:description" content="{{ page.description | default: site.description }}">
-
-    <script src="{{ '/js/vendor/jquery-3.1.1.slim.min.js' | prepend: site.baseurl }}"></script>
   </head>
 
   <body>
diff --git a/js/script.js b/js/script.js
@@ -1,12 +1,17 @@
-$menuButton = $(".menu-button");
-$sidebar = $(".sidebar");
-$contentOverlay = $(".content__overlay");
+var menuButton = document.querySelector('.menu-button');
+var sidebar = document.querySelector('.sidebar');
+var contentOverlay = document.querySelector('.content__overlay');
 
+document.addEventListener('DOMContentLoaded', function() {
 
-$(document).ready(function() {
+  menuButton.addEventListener('click', function() {
+    sidebar.classList.toggle('sidebar--is-visible');
+    contentOverlay.classList.toggle('content__overlay--is-active');
+  });
 
-  $menuButton.add($contentOverlay).on("click", function() {
-    $sidebar.toggleClass("sidebar--is-visible");
-    $contentOverlay.toggleClass("content__overlay--is-active");
+  contentOverlay.addEventListener('click', function() {
+    sidebar.classList.toggle('sidebar--is-visible');
+    contentOverlay.classList.toggle('content__overlay--is-active');
   });
-})
+
+});
diff --git a/js/vendor/jquery-3.1.1.slim.min.js b/js/vendor/jquery-3.1.1.slim.min.js
