响应式菜单在循环媒体查询时出现下拉错误
Responsive menu has dropdown bug when cycling through media queries
所以我一直在使用这个来自 https://github.com/marioloncarek/megamenu-js
的 megamenu 模板
我还在这里上传了一个工作版本：
http://mateitudor.com/megamenu/
原版没有作者改动。
一切都很完美，除了当我将 window 调整为移动尺寸并激活两个下拉菜单时，它会对桌面版本造成严重破坏。
我希望它：
1.如果在移动设备上单击一个下拉菜单，则出现在桌面上；
2. 如果在移动设备上点击了两个下拉菜单，将它们恢复到桌面上的隐藏状态（—这会是一个好的设计模式吗？）；
抱歉我语无伦次，现在是 5:39 上午，所以我附上了更具表现力的 .gif。
如有任何帮助，我们将不胜感激。
谢谢。
稍后编辑，我试过的，没有成功：
要查看浏览器是否大于移动媒体查询，以及是否有打开的菜单，隐藏它们。但是我做错了，结果很惨。
此模板的原作者发布了修复程序，here。
还有代码，如果你需要的话：
$(window).resize(function() {
$(".menu > ul > li").children("ul").hide();
$(".menu > ul").removeClass('show-on-mobile');
});
所以我一直在使用这个来自 https://github.com/marioloncarek/megamenu-js
的 megamenu 模板我还在这里上传了一个工作版本： http://mateitudor.com/megamenu/
原版没有作者改动。 一切都很完美，除了当我将 window 调整为移动尺寸并激活两个下拉菜单时，它会对桌面版本造成严重破坏。
我希望它：
1.如果在移动设备上单击一个下拉菜单，则出现在桌面上； 2. 如果在移动设备上点击了两个下拉菜单，将它们恢复到桌面上的隐藏状态（—这会是一个好的设计模式吗？）；
抱歉我语无伦次，现在是 5:39 上午，所以我附上了更具表现力的 .gif。
如有任何帮助，我们将不胜感激。 谢谢。
稍后编辑，我试过的，没有成功： 要查看浏览器是否大于移动媒体查询，以及是否有打开的菜单，隐藏它们。但是我做错了，结果很惨。
此模板的原作者发布了修复程序，here。
还有代码，如果你需要的话：
$(window).resize(function() {
$(".menu > ul > li").children("ul").hide();
$(".menu > ul").removeClass('show-on-mobile');
});