ボタンを再度クリックするとメニューを非表示にする関数を作成する

Question

ボタンをもう一度クリックするとメニューが非表示になるようにする方法 このスクリプトの仕組みは、別の「btn」が開かれるとアクティブな「btn」が非表示になり、メニュー フィールドの外側をクリックするとすべての「btn」が非表示になります。 アクティブなボタンを再度クリックしたときにメニューを非表示にするにはどうすればよいですか

リーリー リーリー ああああ

Answer 1

関連するドロップダウン リストの classList に、ドロップダウン リストを開くクラスが含まれているかどうかを確認します。その場合は、クラスを追加せず、classList.toggle を使用して削除します。

また、クリックするたびにイベント リスナーをドキュメントに追加するべきではありません。ページの読み込み時に once を無条件に追加し、クリックが .first-menu 内にあるかどうかを確認して、アクティブなドロップダウンを削除する必要があるかどうかを判断します。

リーリー

リーリー リーリー リーリー