javascript - Javascript is Disabling CSS Hover ...?

Question

I have the following menu: http://codepen.io/mdmoura/pen/alxkI

The "Content" item has a submenu which is shown using the CSS (Code Line 79):

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

When I resize it to mobile I use javascript to open / close the submenu on click.

When I resize again to desktop the submenu stops to work ...

It is like the Javascript is disabling the CSS. Is this possible?

What am I missing?