Created
December 10, 2021 21:39
-
-
Save hypermug1/033ee31c2e1578679344b8f25c8636f2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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'); | |
}); | |
}); | |
} | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment