https://www.hagisol.com/assets/js/header.js

1var MediaQuery;
2var fSlick = false;
3var slickFlags_array = new Array();
4var fTouch = ('ontouchstart' in document);
5var fDropDownStatus = -1;
6//  console.log(fTouch);
7function xInit() {
8  // Init
9  fDropDownStatus = -1;
10  $(".globalNav_sp_opener-active").removeClass("globalNav_sp_opener-active");
11    $(".globalNav_mainMenu-haschild-active").removeClass("globalNav_mainMenu-haschild-active");
12  $("#globalNav_container").removeAttr("style");
13    $(".globalNav_childbox").removeAttr("style");
14  $(".globalNav_whiteMask").removeAttr("style");
15    fTouch = ('ontouchstart' in document);
16    fSubMenuOpen = false;
17    if (fTouch) {
18        $(".globalNav_touchOnly").show();
19    } else {
20        $(".globalNav_touchOnly").hide();
21  }
22}
23document.addEventListener('DOMContentLoaded', function () {
24    var mql = window.matchMedia('screen and (max-width: 999px)');
25  function xCheckBreakPoint(mql) {
26    if (mql.matches) {
27      MediaQuery = "SP";
28    } else {
29      MediaQuery = "PC"
30        }
31      xInit();
32  }
33  mql.addListener(xCheckBreakPoint);
34  xCheckBreakPoint(mql);
35});
36
37$(function(){
38  // == init
39//  var nFadeDuration = 200;
40  var nFadeDuration = 0;
41  var nFadeDuration2 = 200;
42  var nScrollPos;
43  $("body").append("<div class='globalNav_whiteMask'></div>");
44  // count dropdowns
45  for( var i=0; i < $("#globalNav_mainMenus .globalNav_mainMenu").length; i++ ) { slickFlags_array[i] = false; }
46  // == actions
47    // == hide all dropdowns
48    function xHideAllDropDowns() {
49        $(".globalNav_mainMenu-haschild-active").removeClass("globalNav_mainMenu-haschild-active")
50    }
51    // dropdown
52    $(".globalNav_mainMenu-haschild").hover(function () {
53    if(MediaQuery == "PC" && fTouch == false ) {
54      fDropDownStatus = $(this).index();
55      $(".globalNav_whiteMask").show();
56            $(this).addClass("globalNav_mainMenu-haschild-active");
57    }
58  }, function() {
59    if(MediaQuery == "PC" && fTouch == false ) {
60      $(".globalNav_whiteMask").hide();
61            xHideAllDropDowns();
62    }
63  });
64  // dropdown( fot touch device )
65    $(".globalNav_mainMenu-haschild").click(function () {
66    var fDropDownStatus_next = $(this).index();
67//    console.log("fDropDownStatus_next：" + fDropDownStatus_next);
68    if(MediaQuery == "PC" && fTouch == true ) {
69      $(".globalNav_whiteMask").hide();
70      $(".globalNav_whiteMask").off("click");
71            xHideAllDropDowns();
72      if(fDropDownStatus == fDropDownStatus_next) {
73        fDropDownStatus = -1;
74            } else {
75        fDropDownStatus = fDropDownStatus_next;
76        $(".globalNav_whiteMask").show();
77        $(".globalNav_whiteMask").on("click",function (){
78                    $(".globalNav_mainMenu-haschild-active").trigger("click");
79            });
80                $(this).addClass("globalNav_mainMenu-haschild-active");
81          }
82            return false;
83    }
84  })
85  
86  // hamburger
87  $("#globalNav_sp_opener").click(function(){
88    if(MediaQuery == "SP") {
89      $(this).toggleClass("globalNav_sp_opener-active");
90      $("#globalNav_container").fadeToggle(nFadeDuration2).css('display','flex');
91      if($("body").hasClass("fixing-body")) {
92        $("body").removeClass("fixing-body").css({"top":0});
93        window.scrollTo( 0 , nScrollPos );
94      } else {
95        nScrollPos = $(window).scrollTop();
96        $("body").addClass("fixing-body").css({"top":-nScrollPos});
97      }
98    }
99  });
100    $(".globalNav_mainMenu-haschild > li").click(function () {
101    if(MediaQuery == "SP") {
102            $(this).toggleClass("globalNav_mainMenu-active");
103            $(this).next().slideToggle(nFadeDuration2);
104            return false;
105    }
106  });
107
108
109});