Hover-Menü Implementierung in CSS ausblenden Menü Panel nach OnClick

Question

Ich erstelle ein Menü, das aktiv sein wird, wenn Sie auf einen Menüeintrag in der Menüleiste schweben. Alles lief wie erwartet, aber beim Klicken auf ein Element im Menüfeld wird dieses Menüfeld nicht ausgeblendet. Wie diese Menüleiste ausgeblendet wird, nachdem ein onclick-Ereignis ausgelöst wurde

Hinweis: Ich verwende reine CSS-Tricks, um die Menüleiste beim Hover zu verstecken/anzuzeigen. Wie das display-Attribut auf none ändern/Blockieren Es gibt auch keine Navigation zu neuer Seite/die Seite wird nicht neu gezeichnet, nachdem Sie auf den Menüpunkt geklickt haben. Die Absicht des Menüpunktes ist nur einige Inhalte der bestehenden Seite hinzufügen Bitte lassen Sie mich wissen, wenn zusätzliche Informationen erforderlich sind

Answer 1

Sie könnten versuchen, die :active Pseudo-Selektor verwenden. Das Problem liegt darin, wie das Element mit dem Panel in Beziehung gesetzt werden kann.

Zum Beispiel, wenn die Platte im Innern des Element, das angeklickt werden:

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