在css中悬停菜单实现在onclick后隐藏菜单面板

问题描述：

我正在创建一个菜单，它将在菜单栏中的菜单项上悬停时处于活动状态。一切都如预期的那样，但是当点击菜单面板中的一个项目时，该菜单面板不会隐藏。 onclick事件发生后如何隐藏此菜单面板。在css中悬停菜单实现在onclick后隐藏菜单面板

注意：我使用纯CSS技巧在悬停时隐藏/显示菜单面板。就像将显示属性更改为无/块此外，没有导航到新页面/单击菜单项后页面不会重新绘制。菜单项目的意图只是添加一些内容到现有页面请让我知道是否需要任何其他信息

一些代码将是很好的。 –

我猜你正在显示'：visited'或可能'：focused'状态的子菜单。请分享您的代码以正确地重现和检查问题。理想情况下，创建一个jsFiddle演示或共享链接到现场网站。 – Aziz

答

您可以尝试使用:active伪选择器。麻烦在于如何将项目与面板相关联。

例如，如果面板是被点击的项目里面：

#item:active #panel{ 
    display:none; 
}