Merge pull request #839 from Shopify/ditch-jquery

Remove jQuery
This commit is contained in:
Adam Hollett
2016-12-16 13:17:27 -05:00
committed by GitHub
3 changed files with 14 additions and 15 deletions
-2
View File
@@ -32,8 +32,6 @@
<meta name="twitter:url" content="{{ site.url | append: site.baseurl }}"> <meta name="twitter:url" content="{{ site.url | append: site.baseurl }}">
<meta name="twitter:title" content="{{ page.title | default: site.title }}"> <meta name="twitter:title" content="{{ page.title | default: site.title }}">
<meta name="twitter:description" content="{{ page.description | default: site.description }}"> <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> </head>
<body> <body>
+14 -9
View File
@@ -1,12 +1,17 @@
$menuButton = $(".menu-button"); var menuButton = document.querySelector('.menu-button');
$sidebar = $(".sidebar"); var sidebar = document.querySelector('.sidebar');
$contentOverlay = $(".content__overlay"); var contentOverlay = document.querySelector('.content__overlay');
document.addEventListener('DOMContentLoaded', function() {
$(document).ready(function() { menuButton.addEventListener('click', function() {
sidebar.classList.toggle('sidebar--is-visible');
$menuButton.add($contentOverlay).on("click", function() { contentOverlay.classList.toggle('content__overlay--is-active');
$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');
});
});
File diff suppressed because one or more lines are too long