Sha256: 31a059fd3ad3767de821d2b293d49cf82d8c8e66a63b0d5b4075484b8dc64542

Contents?: true

Size: 761 Bytes

Versions: 42

Compression:

Stored size: 761 Bytes

Contents

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');

      });
    });
  }

});

Version data entries

42 entries across 42 versions & 3 rubygems

Version Path
mere-blog-theme-0.5 assets/js/app.js
bulma-clean-theme-0.10.1 assets/js/app.js
bulma-clean-theme-0.10 assets/js/app.js
bulma-clean-theme-0.9.2 assets/js/app.js
bulma-clean-theme-0.9.1 assets/js/app.js
mere-blog-theme-0.4 assets/js/app.js
bulma-clean-theme-0.9 assets/js/app.js
bulma-clean-theme-0.8.1 assets/js/app.js
bulma-clean-theme-0.8 assets/js/app.js
bulma-clean-theme-0.7.2 assets/js/app.js
bulma_blog_private_server-0.1.3 assets/js/app.js
bulma-clean-theme-0.7.1 assets/js/app.js
bulma-clean-theme-0.7 assets/js/app.js
bulma-clean-theme-0.6.5 assets/js/app.js
bulma-clean-theme-0.6.4 assets/js/app.js
bulma-clean-theme-0.6.3 assets/js/app.js
mere-blog-theme-0.3 assets/js/app.js
bulma-clean-theme-0.6.2 assets/js/app.js
bulma-clean-theme-0.6.1 assets/js/app.js
bulma-clean-theme-0.6 assets/js/app.js