49 lines
2.0 KiB
JavaScript
49 lines
2.0 KiB
JavaScript
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
// This function taken from the official bulma docs
|
||
|
|
/*
|
||
|
|
The MIT License (MIT)
|
||
|
|
|
||
|
|
Copyright (c) 2019 Jeremy Thomas
|
||
|
|
|
||
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
|
|
of this software and associated documentation files (the "Software"), to deal
|
||
|
|
in the Software without restriction, including without limitation the rights
|
||
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
|
|
copies of the Software, and to permit persons to whom the Software is
|
||
|
|
furnished to do so, subject to the following conditions:
|
||
|
|
|
||
|
|
The above copyright notice and this permission notice shall be included in
|
||
|
|
all copies or substantial portions of the Software.
|
||
|
|
|
||
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||
|
|
THE SOFTWARE.
|
||
|
|
*/
|
||
|
|
|
||
|
|
// 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');
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|