tinyforms/app/javascript/burger_menu.js
Michael Bumann 916511edf4 Use turbolinks:load event listener
We use turbolinks so the DOMContentLoaded is not enough
2020-04-14 14:13:06 +02:00

18 lines
689 B
JavaScript

document.addEventListener("turbolinks:load", function () {
const $navbarBurgers = document.querySelectorAll('.navbar-burger');
// 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');
});
});
}
});