Javascript 单击内部链接后，下拉菜单不关闭

我正在一个导航栏上工作。默认情况下，下拉列表内容：显示：无； 如果我将鼠标悬停在下拉按钮上，它将显示下拉内容。 当下拉内容打开时，有许多我想要的链接，当我点击其中一个时，下拉内容关闭。 到目前为止还不错

但当我切换到触摸屏时，问题就来了

我用的是谷歌浏览器

因此，当屏幕是触摸屏时，菜单会在单击时打开（而不是在悬停时），但当我单击其中的链接时，下拉内容会保持打开状态，我希望在单击后将其关闭

我尝试过“hide”和“display:none”方法，但是在使用这些方法之后，只有在刷新页面之后，默认的on:hover才起作用。 这也许在某种程度上有效，但我并没有找到简单的解决办法。我认为一定有一个非常简单的解决办法

我将导航栏上载到JSFIDLE：

在JSFIDLE，问题似乎并不存在，所以请尝试使用Chrome

我试图用jQuery toggle（）解决这个问题，但如果可能的话，它会使解决方案变得更加复杂

那么，如何通过点击触摸屏上的链接来关闭下拉内容呢

/*导航栏菜单启动*/
#家{
边界权：无；
左边框：纯黑5px；
}
navbar先生{
宽度：100%；
背景色：#333；
溢出：隐藏；
边缘顶部：50px；
边缘底部：-470px；
字体系列：Arial、Helvetica、无衬线字体；
边框底部：实心橙色5px；
边框顶部：实心橙色5px；
右边框：黑色实心5px；
左边框：黑色实心5px；
边界半径：25px；
}
纳瓦尔先生{
浮动：对；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
dropdownmy先生{
浮动：对；
溢出：隐藏；
边框底部：纯黑3px；
}
.dropdownmy.dropbtn{
字体大小：16px；
边界：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体：继承；
保证金：0；
右边框：黑色5px实心；
}
.navbar a:hover、.dropdownmy:hover.dropbtn{
背景颜色：橙色；
过渡：1s；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
宽度：90%；
左：5%；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
过渡：1s；
边框右上角半径：25px；
边框左上半径：25px；
}
.下拉内容.菜单标题{
背景：橙色；
填充：16px；
颜色：白色；
边框底部：实心5px黑色；
边框右上角半径：25px；
边框左上半径：25px；
}
.dropdownmy：悬停。下拉内容{
显示：块；
}
/*创建三个相邻浮动的相等列*/
menucolumn先生{
浮动：左；
宽度：12.5%；
填充：10px；
背景色：白色；
高度：500px；
边界权：无；
边框底部：15px纯黑；
}
梅努科伦先生{
浮动：无；
颜色：黑色；；
边框底部：槽橙色3px；
文字装饰：无；
显示：块；
文本对齐：居中；
边界权：无；
字号：12.5px；
边界半径：25px；
}
.menucolumn a:悬停{
背景颜色：橙色；
}
/*清除列后的浮动*/
梅努罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*响应式布局-使三列堆叠在彼此的顶部，而不是相邻*/
@媒体屏幕和屏幕（最大宽度：900px）{
menucolumn先生{
宽度：100%；
高度：自动；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
纳瓦尔先生{
宽度：100%；
高度：自动；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
dropdownmy先生{
宽度：100%；
高度：自动；
文本对齐：居中；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
#家{
左边界：无；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
.dropdownmy.dropbtn{
边界权：无；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
身体{
左边距：15px；
右边距：15px；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
纳瓦尔先生{
边框底部：黑色凹槽3px；
}
}
@媒体屏幕和屏幕（最大宽度：900px）{
瓦罗森克先生{
边框底部：无；
}
}
@媒体屏幕和屏幕（最小宽度：900px）{
dropdownmy先生{
边界：无；
}
}
forborder先生{
颜色：黑色；
字体大小：粗体；
文本对齐：居中；
边框顶部：实心8px灰色；
边界半径：25px；
文本转换：大写；
边缘顶部：25px；
}
/*导航栏菜单结束*/

本拉帕雪茄和瓦罗斯酒店
政府
大菜单
第2类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
第3类
拖