diff options
| author | Dan Allen <dan.j.allen@gmail.com> | 2017-11-20 23:54:38 +0000 |
|---|---|---|
| committer | Dan Allen <dan.j.allen@gmail.com> | 2017-11-20 23:54:38 +0000 |
| commit | 43cb449d047ed9053bd84d093a2dec8cc59c336f (patch) | |
| tree | 956768aec1fef9a6f94c970f0f226f0065f7414e /src/js | |
| parent | 3d4e9744028a978260ffcb5911bf3671a4cb7920 (diff) | |
| parent | 894088dece1233030ec8ea4d0fc6b66060aaa787 (diff) | |
| download | alpine-antora-theme-43cb449d047ed9053bd84d093a2dec8cc59c336f.tar.bz2 alpine-antora-theme-43cb449d047ed9053bd84d093a2dec8cc59c336f.tar.xz | |
merge !12
resolves #13 add JavaScript for mobile navbar
Diffstat (limited to 'src/js')
| -rw-r--r-- | src/js/04-mobile-navbar.js | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/js/04-mobile-navbar.js b/src/js/04-mobile-navbar.js new file mode 100644 index 0000000..ba5cb09 --- /dev/null +++ b/src/js/04-mobile-navbar.js @@ -0,0 +1,12 @@ +document.addEventListener('DOMContentLoaded', function () { + var navbarToggles = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0) + if (navbarToggles.length === 0) return + navbarToggles.forEach(function (el) { + el.addEventListener('click', function (e) { + e.stopPropagation() + el.classList.toggle('is-active') + document.getElementById(el.dataset.target).classList.toggle('is-active') + document.documentElement.classList.toggle('is-clipped--navbar') + }) + }) +}) |