https://www.dorasu.com/application/blocks/global_menu/view.js

1(function() {
2  $(function() {
3    var DATA_SUBMENU, MATCH_MEDIA_MIN768, MENU_ITEM, SUNMENU_ITEM, SUBMEUN_ID_PREFIX, on_item, out_item;
4    MATCH_MEDIA_MIN768 = 'screen and (min-width: 768px)';
5    MENU_ITEM = '.menu-item';
6    SUBMENU_ITEM = '.submenu-item';
7    SUBMEUN_ID_PREFIX = 'submenu-';
8    DATA_SUBMENU = 'data-submenu';
9    ACTIVE_MENU = 'active-menu';
10    console.log(MATCH_MEDIA_MIN768);
11    on_item = function() {
12      var data_submenu;
13      if (window.matchMedia(MATCH_MEDIA_MIN768).matches) {
14        data_submenu = $(this).attr(DATA_SUBMENU);
15        $("#" + SUBMEUN_ID_PREFIX + data_submenu).slideDown();
16      }
17    };
18    out_item = function() {
19      var data_submenu;
20      if (window.matchMedia(MATCH_MEDIA_MIN768).matches) {
21        data_submenu = $(this).attr(DATA_SUBMENU);
22        $("#" + SUBMEUN_ID_PREFIX + data_submenu).slideUp();
23      }
24    };
25    $(MENU_ITEM).hover(on_item, out_item);
26
27    $("body").click(function(e) {
28      if (!window.matchMedia(MATCH_MEDIA_MIN768).matches) {
29        $(MENU_ITEM).removeClass(ACTIVE_MENU);
30        $("[id^='"+SUBMEUN_ID_PREFIX+"']").slideUp();
31      }
32    });
33    $(MENU_ITEM).click(function(e) {
34      e.stopPropagation();
35      var data_submenu,submenu,is_down;
36      if (!window.matchMedia(MATCH_MEDIA_MIN768).matches) {
37        data_submenu = $(this).attr(DATA_SUBMENU);
38        submenu = $("#" + SUBMEUN_ID_PREFIX + data_submenu);
39        menu = submenu.parent(MENU_ITEM);
40        if (submenu.is(':hidden')) {
41          $("[id^='"+SUBMEUN_ID_PREFIX+"']:visible").stop().slideUp({
42            start: function() { is_down = true; $(this).parent(MENU_ITEM).removeClass(ACTIVE_MENU); },
43            complete: function() { menu.addClass(ACTIVE_MENU);submenu.slideDown(); }
44          });
45        }
46        if (!is_down) {
47          submenu.stop().slideToggle({
48            start: function() { menu.toggleClass(ACTIVE_MENU); }
49          });
50        }
51      }
52    });
53    $(SUBMENU_ITEM).click(function(e) { e.stopPropagation(); });
54  });
55
56}).call(this);