diff options
Diffstat (limited to 'src/js')
-rw-r--r-- | src/js/nav-toggle.js | 23 |
1 files changed, 23 insertions, 0 deletions
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'); + }); + }); + } +}); |