From 01e1b6b67a383817c68f1a8ab76c73a2c396378f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs?= Date: Wed, 7 Oct 2020 18:22:50 -0500 Subject: Add menu burger state --- js/navbar-burger.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 js/navbar-burger.js (limited to 'js/navbar-burger.js') diff --git a/js/navbar-burger.js b/js/navbar-burger.js new file mode 100644 index 0000000..084f02b --- /dev/null +++ b/js/navbar-burger.js @@ -0,0 +1,23 @@ +document.addEventListener('DOMContentLoaded', () => { + // 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( el => { + el.addEventListener('click', () => { + + // 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