kemko/liquid
1
0
Fork 0
mirror of https://github.com/kemko/liquid.git synced 2026-01-05 01:35:41 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #839 from Shopify/ditch-jquery

Browse Source 
Remove jQuery
This commit is contained in:
Adam Hollett
2016-12-16 13:17:27 -05:00
committed by GitHub
parent e79f0f364d d1aa9a1fa1
commit 4ccfaa470d
3 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@@ -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>

23
js/script.js
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');
});
});

4
js/vendor/jquery-3.1.1.slim.min.js vendored
View File

File diff suppressed because one or more lines are too long