使子菜单显示在最小宽度上

Question

我有一个菜单，其子菜单会在悬停时显示，但是当它显示为手机或平板电脑显示折叠菜单时，我想在我重新设置窗口时自动设置子菜单display（不是悬停）对于带有媒体查询的手机或平板电脑，我该怎么办？

这是我的代码：http://jsfiddle.net/codingantGit/AD8vB/3/

感谢。