Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/wlh320/hugo-theme-hulga.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'layouts/partials/navburger.html')
-rw-r--r--layouts/partials/navburger.html21
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>