offcanvas-menu.js 802 B

123456789101112131415161718192021222324
  1. (function($) {
  2. 'use strict';
  3. $(document).ready(function() {
  4. const $hamburger = $('.hamburger-toggle');
  5. const $offcanvas = $('.offcanvas-menu');
  6. const $body = $('body');
  7. $hamburger.on('click', function() {
  8. $(this).toggleClass('is-active');
  9. $offcanvas.toggleClass('is-active');
  10. $body.toggleClass('offcanvas-active');
  11. });
  12. // Close menu when clicking outside
  13. $(document).on('click', function(e) {
  14. if (!$(e.target).closest('.wp-block-srh-offcanvas-menu').length) {
  15. $hamburger.removeClass('is-active');
  16. $offcanvas.removeClass('is-active');
  17. $body.removeClass('offcanvas-active');
  18. }
  19. });
  20. });
  21. })(jQuery);