Labyricorn/liquid
1
0
Fork 0
mirror of https://github.com/Shopify/liquid.git synced 2026-09-17 01:40:42 -07:00
Code Issues Packages Projects Releases Wiki Activity

Get rid of jQuery

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
js/script.js
+14 -9
View File
@@ -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.add($contentOverlay).on("click", function() {
$sidebar.toggleClass("sidebar--is-visible");
$contentOverlay.toggleClass("content__overlay--is-active");
$menuButton.addEventListener('click', function() {
$sidebar.classList.toggle('sidebar--is-visible');
$contentOverlay.classList.toggle('content__overlay--is-active');
});
})
$contentOverlay.addEventListener('click', function() {
$sidebar.classList.toggle('sidebar--is-visible');
$contentOverlay.classList.toggle('content__overlay--is-active');
});
});