响应式菜单：在hover子菜单上显示错误

大故事：我从教程中创建了一个响应式菜单。 当您将鼠标hover在投资组合按钮上时，菜单应显示子菜单，而在移动模式下，您需要按下按钮以显示子菜单（工作正常）。 问题是教程有一个错误：如果你在桌面模式下按组合按钮，子菜单将不再显示，除非你按下（点击）按钮，就像在移动模式下一样。

这是现场的例子： http ： //armandorodriguez.pe/info
我试着在这里编写代码，但是不理解指令，所以这里是jsfiddle：jsfiddle.net/x44w1twf/

基本上我需要的是，如果我在桌面模式下，它总是在hover时显示子菜单，即使我按下组合按钮，也只在我按下按钮时在移动设备中。 现在我想这可以用js中的简单代码解决，但我对js一无所知，所以任何帮助都会受到赞赏。