diff --git a/assets/js/app.js b/assets/js/app.js index d5e278a..31cc0b7 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -42,3 +42,24 @@ liveSocket.connect() // >> liveSocket.disableLatencySim() window.liveSocket = liveSocket +document.addEventListener('DOMContentLoaded', () => { + + // Get all "navbar-burger" elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 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'); + + }); + }); + +}); \ No newline at end of file