(function($) { 'use strict'; $(document).ready(function() { const $hamburger = $('.hamburger-toggle'); const $offcanvas = $('.offcanvas-menu'); const $body = $('body'); $hamburger.on('click', function() { $(this).toggleClass('is-active'); $offcanvas.toggleClass('is-active'); $body.toggleClass('offcanvas-active'); }); // Close menu when clicking outside $(document).on('click', function(e) { if (!$(e.target).closest('.wp-block-srh-offcanvas-menu').length) { $hamburger.removeClass('is-active'); $offcanvas.removeClass('is-active'); $body.removeClass('offcanvas-active'); } }); }); })(jQuery);