### 问题
在浏览器缩小的时候点击菜单,弹出下拉菜单
![](https://box.kancloud.cn/e3e5ccd6cde05731abecf7146a802f1b_334x612.png)
这个时候把浏览器窗口拉大,菜单不会消失( ˇˍˇ )!!!
![](https://box.kancloud.cn/a5aa1ed05f741afcb9a27feee790618a_1223x462.png)
### 解决方法
可以使用jquery resize 事件,窗口发生变化的时候就隐藏菜单。
```
$(window).resize(function(){
$(".mnav").slideUp();
$(".menu-m").removeClass("ok");
});
```
`.mnav` 是移动端弹出的菜单名
`.menu-m` 是移动端触发菜单显示的按钮,当菜单隐藏的时候,按钮也变为初始状态