diff options
author | Adam T Carpenter <atc@53hor.net> | 2020-02-02 12:01:58 -0500 |
---|---|---|
committer | Adam T Carpenter <atc@53hor.net> | 2020-02-02 12:01:58 -0500 |
commit | 719bbb65c66021c44a62df96c33f0f63979c11b1 (patch) | |
tree | f9d2cafa0051a024c2960d94d7ca4a6898b1ada1 /src/nav-toggle.js | |
download | carpentertutoring-719bbb65c66021c44a62df96c33f0f63979c11b1.tar.xz carpentertutoring-719bbb65c66021c44a62df96c33f0f63979c11b1.zip |
init
Diffstat (limited to 'src/nav-toggle.js')
-rw-r--r-- | src/nav-toggle.js | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/nav-toggle.js b/src/nav-toggle.js new file mode 100644 index 0000000..daf8ecb --- /dev/null +++ b/src/nav-toggle.js @@ -0,0 +1,23 @@ +/* + * Adds an event listener to all burgers to toggle navbar menu on click. + */ +document.addEventListener('DOMContentLoaded', function () { + // get all navbar-burger elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); + + // check if there are any navbar burgers + if ($navbarBurgers.length > 0) { + // add a click event on each of them + $navbarBurgers.forEach(function(el) { + el.addEventListener('click', function () { + // get the target from the 'data-target' attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // toggle the 'is-active' class on both the 'navbar-burger' and the 'navbar-menu' + el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } +}); |