30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
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', () => {
|
|
const svgOpen = el.querySelector('.is-open');
|
|
const svgClosed = el.querySelector('.is-closed');
|
|
const targetMenu = document.getElementById(el.dataset.target);
|
|
targetMenu.classList.remove('hidden', 'block');
|
|
|
|
if (svgOpen.getAttribute('visibility') == 'visible')
|
|
{
|
|
svgOpen.setAttribute('visibility', 'hidden');
|
|
svgClosed.setAttribute('visibility', 'visible');
|
|
targetMenu.classList.add('hidden');
|
|
}
|
|
else
|
|
{
|
|
svgOpen.setAttribute('visibility', 'visible');
|
|
svgClosed.setAttribute('visibility', 'hidden');
|
|
targetMenu.classList.add('block');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|