Get rid of jQuery

This commit is contained in:
Adam Hollett
2016-12-16 11:35:08 -05:00
parent e79f0f364d
commit bfca97f54d
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