diff options
Diffstat (limited to 'layouts/partials/navburger.html')
-rw-r--r-- | layouts/partials/navburger.html | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/layouts/partials/navburger.html b/layouts/partials/navburger.html new file mode 100644 index 0000000..dc1e157 --- /dev/null +++ b/layouts/partials/navburger.html @@ -0,0 +1,21 @@ +<script type="text/javascript"> + // bulma's navbar-burger toggle button + 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'); + }); + }); + } + }); +</script> |