https://pytorch.kr/assets/mobile-menu.js

1var mobileMenu = {
2  bind: function() {
3    $("[data-behavior='open-mobile-menu']").on('click', function(e) {
4      e.preventDefault();
5      $(".mobile-main-menu").addClass("open");
6      $("body").addClass('no-scroll');
7
8      mobileMenu.listenForResize();
9    });
10
11    $("[data-behavior='close-mobile-menu']").on('click', function(e) {
12      e.preventDefault();
13      mobileMenu.close();
14    });
15
16    // 모바일에서 드롭다운 토글 (동적 처리)
17    $("[class$='-mobile-toggle']").on('click', function(e) {
18      e.preventDefault();
19      var $this = $(this);
20      var className = $this.attr('class').replace('-mobile-toggle', '-mobile-menu');
21      var menu = $this.siblings('.' + className);
22      menu.slideToggle();
23    });
24  },
25
26  listenForResize: function() {
27    $(window).on('resize.ForMobileMenu', function() {
28      if ($(this).width() > 768) {
29        mobileMenu.close();
30      }
31    });
32  },
33
34  close: function() {
35    $(".mobile-main-menu").removeClass("open");
36    $("body").removeClass('no-scroll');
37    $(window).off('resize.ForMobileMenu');
38  }
39};