响应菜单在循环浏览媒体查询时有下拉错误

Question

所以我一直在使用https://github.com/marioloncarek/megamenu-js

中的这个megamenu模板

我还在这里上传了一个工作版本： http://mateitudor.com/megamenu/

作者没有触及原始版本。 一切都很完美，除非我将窗口调整为移动尺寸并激活两个下拉菜单，否则会对桌面版本造成严重破坏。

我希望：

1。如果在移动设备上点击一个下拉列表，则会出现在桌面上;  2.如果在移动设备上点击两个下拉菜单，将它们恢复到桌面上的隐藏状态（ - 这是一个好的设计模式吗？）;

对不起我的不连贯，现在是凌晨5点39分，所以相反，我附上了一个更具表现力的.gif。

非常感谢任何帮助。 谢谢。

稍后编辑，我尝试过但未成功： 要查看浏览器是否大于移动媒体查询以及是否打开菜单，请隐藏（）它们。但是我做错了什么，它失败了。

Answer 1

此模板的原作者发布了修补程序here。

代码，如果你想在这里：

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

此处的工作代码：http://codepen.io/riogrande/pen/gMMdRa