From f2ba9fe86fda65f584e6f08b18600a578a59659b Mon Sep 17 00:00:00 2001 From: Adam T Carpenter Date: Sun, 23 Feb 2020 19:34:28 -0500 Subject: updated scripts, organized src --- src/js/nav-toggle.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 src/js/nav-toggle.js (limited to 'src/js/nav-toggle.js') diff --git a/src/js/nav-toggle.js b/src/js/nav-toggle.js new file mode 100644 index 0000000..daf8ecb --- /dev/null +++ b/src/js/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'); + }); + }); + } +}); -- cgit v1.2.3