https://skeeterboats.com/js/yms_menu.js

1var toggler = document.getElementById("navbar-toggler");
2var menu_open = false;
3var active_menu = null;
4var active_menu2 = null;
5const secondaryMenus = ['nav-models','nav-experience','nav-models-bass','nav-models-bay','nav-models-deepv','nav-models-fxr','nav-models-zx',
6'nav-models-sl','nav-models-mx','nav-models-wx','nav-models-tzx','nav-models-solera','nav-models-fxr2','nav-models-zxr','nav-models-wxr','mobile-models','nav-pa','nav-resources','nav-performance','nav-offers'];
7
8const secondaryMenusClass = document.getElementsByClassName("secondary-nav");
9/* Set the width of the side navigation to 250px */
10function openNav() {
11    toggler.style.display = "none";
12    document.getElementById("mySidenav").style.width = "300px";
13    document.getElementById("closebtn").style.display = "block";
14    menu_open = true;
15  }
16  
17  /* Set the width of the side navigation to 0 */
18  function closeNav() {
19    document.getElementById("closebtn").style.display = "none";
20    document.getElementById("mySidenav").style.width = "0";
21    if (window.innerWidth < 761){
22      toggler.style.display = "block";
23    }
24    menu_open = false;
25  }
26
27  /* Window Scroll to change background as needed or hide secondary menu */
28window.onscroll = function() {menuScrollBehavior()};
29
30function menuScrollBehavior() {
31  if (document.documentElement.scrollTop > 50) {
32    if (window.innerWidth > 760){
33      try{
34      document.getElementById("shopNav").style.display = "none";
35      document.getElementById("mainNav").style.top = "-20px";
36      document.getElementById("mainNav_Links").style.top = "0px";
37     }
38        catch(err){
39        //continue
40    }
41    }
42    else{
43      try{
44      document.getElementById("shopNav").style.display = "none";
45      document.getElementById("mainNav").style.top = "-14px";
46      document.getElementById("mainNav_Links").style.top = "0px";
47      }
48      catch(err){
49        //continue
50      }
51    }
52  } else {
53    try{
54    document.getElementById("shopNav").style.display = "block";
55    document.getElementById("mainNav").style.top = "-14px";
56    document.getElementById("mainNav_Links").style.top = "19px";
57    }
58    catch(err){
59      //continue
60    }
61  }
62
63window.onresize = function() {checkMobileMenu()};
64
65  function checkMobileMenu(){
66    if (window.innerWidth > 760 && toggler.style.display == "block"){
67      toggler.style.display = "none";
68    }
69    else if (window.innerWidth < 760 && toggler.style.display == "none" && !menu_open)
70    {
71      toggler.style.display = "block";
72    }
73  }
74}
75
76function toggleSecondaryMenu(activeMenu){
77  if (activeMenu != active_menu){
78    
79    // Call Close All
80    closeAll();
81    active_menu = activeMenu;
82    // Open new menu
83    document.getElementById(activeMenu).style.display = "block";
84  }
85  else if (activeMenu == active_menu)
86  {
87    closeAll();
88  }
89}
90
91function toggleMobileProductMenu(activeMenu2){
92  if (activeMenu2 != active_menu2){
93    
94    // Call Close All
95    closeMobileProduct();
96    active_menu2 = activeMenu2;
97    // Open new menu
98    document.getElementById(activeMenu2).style.display = "block";
99  }
100  else if (activeMenu2 == active_menu2)
101  {
102    closeMobileProduct();
103  }
104}
105
106function closeMobileProduct(){
107  mobileMenus = document.getElementsByClassName("mobile-product-list");
108  for (let i=0; i<mobileMenus.length; i++){
109    try{
110      mobileMenus[i].style.display = "none";
111    }
112    catch{
113      //nothing
114    }
115  }
116  active_menu2 = null;
117}
118
119function closeAll(){
120  for (let i=0; i<secondaryMenus.length; i++){
121    try{
122    document.getElementById(secondaryMenus[i]).style.display = "none";
123    }
124    catch{
125      //nothing
126    }
127  }
128  for (let i=0; i<secondaryMenusClass.length; i++){
129    try{
130      secondaryMenusClass[i].style.display = "none";
131    }
132    catch{
133      //nothing
134    }
135  }
136  active_menu = null;
137}
138
139function toggleCart(){
140
141  shopCart = document.getElementById('shopping_cart');
142  if (shopCart.style.display == "none")
143  {
144    shopCart.style.display = "block";
145    closeAll();
146  }
147  else{
148    shopCart.style.display = "none";
149  }
150}
151// Close Menus on Escape Key - backup ADA functionality
152$(document).on('keydown', function(event) {
153  if (event.key == "Escape") {
154      closeAll();
155  }
156});