ホバーメニューの実装をcss hide onclick後のメニューパネル

Question

メニューバーのメニュー項目をホバリングするとアクティブになるメニューを作成しています。すべてが期待通りに行ったが、メニューパネル内の項目をクリックしている間、このメニューパネルは隠れていない。 onclickイベントが発生した後、このメニューパネルを非表示にする方法。

NB：純粋なCSSトリックを使用して、ホバー上のメニューパネルを表示/非表示にしています。表示属性をnone/blockに変更するのと同じように 新しいページへのナビゲーションはありません。メニュー項目をクリックしてもページが再描画されません。メニュー項目の目的は、既存のページにコンテンツを追加することだけです。追加情報が必要な場合はお知らせください。

Answer 1

:active擬似セレクタを使用できます。 問題はパネルとアイテムを関連付ける方法にあります。例えば

パネルがクリックされる項目内にある場合：一部のコードがいいだろう

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