https://shrc.asia/js/menu.js

1/* global jQuery */
2/* global document */
3
4jQuery(function () {
5  'use strict';
6
7  document.addEventListener("touchstart", function () {}, false);
8  jQuery(function () {
9
10    jQuery('body').wrapInner('<div class="wsmenucontainer" />');
11    jQuery('<div class="overlapblackbg"></div>').prependTo('.wsmenu');
12
13    jQuery('#wsnavtoggle').click(function () {
14      jQuery('body').toggleClass('wsactive');
15    });
16
17    jQuery('.overlapblackbg').click(function () {
18      jQuery("body").removeClass('wsactive');
19    });
20
21    jQuery('.wsmenu > .wsmenu-list > li').has('.sub-menu').prepend('<span class="wsmenu-click"><i class="wsmenu-arrow"></i></span>');
22    jQuery('.wsmenu > .wsmenu-list > li').has('.wsmegamenu').prepend('<span class="wsmenu-click"><i class="wsmenu-arrow"></i></span>');
23
24    jQuery('.wsmenu-click').click(function () {
25      jQuery(this).toggleClass('ws-activearrow')
26        .parent().siblings().children().removeClass('ws-activearrow');
27      jQuery(".wsmenu > .wsmenu-list > li > .sub-menu, .wsmegamenu").not(jQuery(this).siblings('.wsmenu > .wsmenu-list > li > .sub-menu, .wsmegamenu')).slideUp('slow');
28      jQuery(this).siblings('.sub-menu').slideToggle('slow');
29      jQuery(this).siblings('.wsmegamenu').slideToggle('slow');
30    });
31
32    jQuery('.wsmenu > .wsmenu-list > li > ul > li').has('.sub-menu').prepend('<span class="wsmenu-click02"><i class="wsmenu-arrow"></i></span>');
33    jQuery('.wsmenu > .wsmenu-list > li > ul > li > ul > li').has('.sub-menu').prepend('<span class="wsmenu-click02"><i class="wsmenu-arrow"></i></span>');
34
35    jQuery('.wsmenu-click02').click(function () {
36      jQuery(this).children('.wsmenu-arrow').toggleClass('wsmenu-rotate');
37      jQuery(this).siblings('li > .sub-menu').slideToggle('slow');
38    });
39
40    jQuery(window).on('resize', function () {
41
42      if (jQuery(window).outerWidth() < 992) {
43        jQuery('.wsmenu').css('height', jQuery(this).height() + "px");
44        jQuery('.wsmenucontainer').css('min-width', jQuery(this).width() + "px");
45      } else {
46        jQuery('.wsmenu').removeAttr("style");
47        jQuery('.wsmenucontainer').removeAttr("style");
48        jQuery('body').removeClass("wsactive");
49        jQuery('.wsmenu > .wsmenu-list > li > .wsmegamenu, .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu').removeAttr("style");
50        jQuery('.wsmenu-click').removeClass("ws-activearrow");
51        jQuery('.wsmenu-click02 > i').removeClass("wsmenu-rotate");
52      }
53
54    });
55
56    jQuery(window).trigger('resize');
57
58  });
59}());