Jquery 在循环媒体查询时，响应菜单存在下拉错误

所以我一直在使用这个megamenu模板

我还在这里上传了一个工作版本：

它与作者的原始版本没有任何区别。 一切都很完美，除了当我将窗口调整为手机大小并激活两个下拉菜单时，它会对桌面版本造成严重破坏

我希望：

1。如果在手机上单击了一个下拉列表，则显示在桌面上； 2.如果在手机上单击两个下拉列表，将它们还原为桌面上的隐藏状态（-这是一个好的设计模式吗？）

抱歉我的语无伦次，现在是早上5:39，所以我附加了一个更具表现力的.gif

任何帮助都将不胜感激。 多谢各位

稍后编辑，我尝试过的，未成功： 要查看浏览器是否大于mobile mediaquery以及是否有打开的菜单，请隐藏它们。但我做错了什么，结果惨败了

---

此模板的原始作者发布了修复程序

以及代码，如果您想在此处使用：

$(window).resize(function() {
  $(".menu > ul > li").children("ul").hide();
  $(".menu > ul").removeClass('show-on-mobile');
});

---

此处的工作代码：

此模板的原始作者发布了修复程序

以及代码，如果您想在此处使用：

$(window).resize(function() {
  $(".menu > ul > li").children("ul").hide();
  $(".menu > ul").removeClass('show-on-mobile');
});

此处的工作代码：