JavaScript媒体查询以反转用户触发的JavaScript事件

Question

我是一位出色的业余爱好者，我决定让网站做出回应。我的网站有一个侧边栏，我想我会使用媒体查询来隐藏侧边栏并显示一个按钮，使侧边栏可以切换。我用jpanelmenu http://jpanelmenu.com/来做这件事。

问题是，如果你执行以下操作，它将全部分开

1. 将浏览器宽度缩小为移动尺寸
2. 侧边栏消失
3. 用于切换侧边栏的按钮
4. 按下按钮，侧边栏出现
5. 将浏览器窗口展开到正常方
6. 现在我有两个fricken侧边栏（jpanel菜单中的一个）和原来的侧边栏，现在已经重新出现，因为浏览器窗口已经增长，我的媒体查询取消隐藏
7. 顶部移动侧边栏切换按钮已消失，因为我们已恢复正常宽度

显然这不起作用，所以我应该使用现代化器和javascript媒体查询ala Triggering jquery with css media queries 修复它还是有一个更优雅的解决方案，我的业余爱好者没有看到？