members.lumbung.space/members_lumbung_space/static/js/navbar_hamburger_menu.js
Roxie Gibson c752dac624
All checks were successful
continuous-integration/drone/push Build is passing
feat: added most of the stylings
2022-01-12 15:00:12 +00:00

25 lines
806 B
JavaScript

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');
});
});
}
});