kemko/liquid
1
0
Fork 0
mirror of https://github.com/kemko/liquid.git synced 2026-01-05 09:45:40 +03:00
Code Issues Actions 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

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