https://club.raymond-weil.jp/wp-content/themes/RaymondWeil/js/modules/header.js

1;(function ($){
2    $(function(){
3    window.ModuleHeader = {
4        init: function(){
5            console.log('Init ModuleHeader');
6
7            $(window).on('load', function(){
8               setTimeout(function(){
9                   $('#mobile_menu > li > a').off('click');
10                   $('#mobile_menu > li > a').on('click', function(e){
11                       e.preventDefault();
12                       e.cancelBubble = true;
13
14                       $(this).parent().toggleClass('deployed');
15                       $(this).siblings('ul').toggleClass('show');
16                   });
17
18                   $('.mobile_nav').off('click', '.mobile_menu_bar');
19                   $('.mobile_nav').on( 'click', '.mobile_menu_bar', function(){
20                       $this_menu = $('.mobile_nav');
21                       $cloned_nav = $('#mobile_menu');
22                       if ( $this_menu.hasClass('closed') ){
23                           $this_menu.removeClass( 'closed' ).addClass( 'opened' );
24                           TweenMax.set($cloned_nav, {display:'block', x:"-100%"});
25                           TweenMax.to($cloned_nav, 0.5, {x:"0%", ease: Power2.easeOut});
26                           $('.mobile_menu_overlay').fadeIn();
27                       } else {
28                           $this_menu.removeClass( 'opened' ).addClass( 'closed' );
29                           new TimelineMax()
30                               .to($cloned_nav, 0.5, {x:"-100%", ease: Power2.easeOut})
31                               .set($cloned_nav, {display:'none'});
32                           $('.mobile_menu_overlay').fadeOut();
33                       }
34                       return false;
35                   } );
36
37                   $('.mobile_menu_overlay').on('click', function(){
38                       $('.mobile_menu_bar').trigger('click');
39                   });
40               }, 500);
41            });
42        }
43    };
44    
45    window.ModuleHeader.init();
46    })
47})(jQuery);