Javascript正在禁用CSS Hover ...？

Question

我有以下菜单：http://codepen.io/mdmoura/pen/alxkI

“内容”项目有一个子菜单，使用CSS（代码行79）显示：

&:hover {
  & > ul {
    display: block;
  } // ul
} // hover

当我将其调整为移动设备时，我会使用javascript在点击时打开/关闭子菜单。

当我再次调整桌面大小时，子菜单停止工作......

就像Javascript禁用CSS一样。这可能吗？

我错过了什么？