单击链接

Question

在我的网站http://www.collectifsaga.com/X/wordpress/fr/home-fr/上，我有一个悬停菜单。 在菜单中，有一些过滤器（架构，新闻......）来重新组织网格（显示帖子）。 问题是当我点击过滤器时，我希望菜单消失。这是一个小东西，但是当我选择一个过滤器时有一个干净的网页我想在顶部只有徽标，而网格上有一些元素而不是菜单。

当鼠标离开时，菜单会消失，但我希望它在点击过滤器后立即消失。

你知道怎么做吗？

这是我的CSS：

#nav, #nav ul {
   align-text: left;
   list-style: none;
   max-height: fit-content;
} 

#nav a {
   display: inline-block;
} 

#nav a:hover {
   display: inline-block;
} 

#nav li {
   float: left;
}

#nav li ul {
   position: absolute;
   left: -999em;
} 

#nav li:hover ul {
   left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
}

在移动设备上也一样

非常感谢您的帮助：）