I'm working on a test site which can be found here: https://devwww.interfacett.com

The menu functionality works fine at any size on a desktop computer, but when I switch to my iPhone the mobile menu gets really buggy. Notably when you click open one of the accordion menus and then use your finger to scroll down the page, it automatically closes the menu.

Try it on your phone and you'll see what I mean.

The mobile menus uses this code for the functionality:

2.     function resizeForm(){
3.         var width = (window.innerWidth > 0) ? window.innerWidth : document.documentElement.clientWidth;
4.         if(width > 1024){
5. 
   
6.         } else {
9. function accordion_menus(){
11. // if we are not on mobile (menu icon is hidden) show sub items and bail
12. console.log('debug: start');
13. if ( jQuery('#primary-navigation .menu-toggle').is(':hidden') ){
15. console.log('debug: yes, it is hidden');
16. // show sub menus
17. $('#primary-navigation ul.nav-menu ul.sub-menu').show();
18. return;
19. } else{
20. // hide sub menus
21. $('#primary-navigation ul.nav-menu ul.sub-menu').hide();
22. }
24. // top level nav click function
25. $('#primary-navigation ul.nav-menu > li > a').click(function(e){
27. // store parent li to variable
28. var parent_li = $(this).parent('li');
30. // if sub menu does not exist in parent li
31. if ( !$('ul.sub-menu', parent_li).first().length ) {
32. return;
33. }
35. // if sub menu is already active, bail
36. if ( parent_li.hasClass('sub-menu-active') ){
37. parent_li.find('ul').slideUp(100, function(parent_li){
38. });
39. parent_li.removeClass('sub-menu-active');  
41. return false;
42. }
44. // stop link click
45. e.preventDefault();
47. // store current sub menu in variable
48. var current_submenu = $('ul.sub-menu', parent_li).first();
50. // slide up non-current sub menus
51. $('#primary-navigation').find('ul.sub-menu').not(current_submenu).slideUp(function(parent_li){
53. // remove sub-menu-active class from all first level items except current parent li
54. $('#primary-navigation').find('li').not(parent_li).removeClass('sub-menu-active');
56. });
58. // slide down current sub menu
59. current_submenu.slideDown(100, function(){
60. // add sub-menu-active to current parent li
61. parent_li.addClass('sub-menu-active');
62. });
64. });
66. // second level nav click function
67. jQuery('#primary-navigation ul.nav-menu ul.sub-menu > li > a').click(function(e){
69. // store parent li to variable
70. var parent_li = jQuery(this).parent('li');
72. // if sub menu does not exist in parent li
73. if ( !jQuery('ul.sub-menu', parent_li).first().length ) {
74. return;
75. }
77. // if sub menu is already active, bail
78. if ( parent_li.hasClass('sub-menu-active') ){
79. parent_li.find('ul').slideUp(100, function(){
81. // remove sub-menu-active class from all first level items except current parent li
82. });   
83. parent_li.removeClass('sub-menu-active');  
84. return false;
85. }
87. // stop link click
88. e.preventDefault();
90. // store current sub menu in variable
91. var current_submenu = jQuery('ul.sub-menu', parent_li).first();
93. // slide up non-current sub menus
94. jQuery('#primary-navigation ul.nav-menu ul.sub-menu > li > ul.sub-menu').not(current_submenu).slideUp(function(){
96. // remove sub-menu-active class from all second level items except current parent li
97. jQuery('#primary-navigation ul.nav-menu ul.sub-menu > li').not(parent_li).removeClass('sub-menu-active');
99. });
101. // slide down current sub menu
102. current_submenu.slideDown(100, function(){
103. // add sub-menu-active to current parent li
104. parent_li.addClass('sub-menu-active');
105. });
107. });
109. }
111. // load menu accordion on doc ready
112. jQuery(document).ready(function($) {
113. accordion_menus();
114. });
116. // load menu accordion on window resize
117. jQuery(window).resize(function(){
118. accordion_menus();
119. });
122.         }    
123.     }
124.     window.onresize = resizeForm;
125.     resizeForm();
126. });

I'm not sure what I'm doing wrong here, but I'm hoping someone can chime in and tell me what I'm missing. I can't seem to figure it out.

Thanks in advance, I really appreciate it!