#をつけると閉じなくなってしまう。する質問をすることでしか得られない、回答やアドバイスがある。#をつけると閉じなくなってしまう。#をつけると閉じなくなってしまう。発生している問題・エラーメッセージスマホ用の1ページのサイト用のハンバーガーメニューを作りたいのですが、メニューをクリックした後、同一ページのためメニューが開きっぱなしになり、これをメニュークリックと同時に閉じるようにしたいのですが、苦戦しています。入れるとその場所には飛ぶのですが、メニューが開いたままで閉じなくなってしまいます。お力をお貸しください(何度も見直していますが初心者ですので、なにかしら基本的なミスがあるかもしれません。)よろしくお願い致します。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+2JavaScriptを以下のように修正したら動作すると思うのですが、どうでしょうか?activeクラスとopenクラス両方使っているのが複雑に思えるので、activeクラスはCSSでも利用していなかったのて、openクラスだけで実装してみました。});});動くサンプルコードを書きましたので、よろしければ動作確認などしてみてください。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。23:47ご丁寧にありがとうございます。やってみたのですが、やはりメニューが開いたままアンカーへ着地し、三本線をクリックしないとメニューが閉じません。CodePenで作っていただいたサイトも何度も確認しましたがやはりメニューが閉じません。ブラウザーもスマホのChrome、PCのChromeとFOXと試してみましたが結果は変わらずでした。ご丁寧にありがとうございます。やってみたのですが、やはりメニューが開いたままアンカーへ着地し、三本線をクリックしないとメニューが閉じません。CodePenで作っていただいたサイトも何度も確認しましたがやはりメニューが閉じません。ブラウザーもスマホのChrome、PCのChromeとFOXと試してみましたが結果は変わらずでした。23:56コメントありがとうございます。私が思い違いをしていたかもしれません。期待している動作は、三本線をクリックしたらメニューが開いて、メニューのリンクをクリックしたらメニューが閉じる、ということでしょうか?そうであれば、CodePenのサンプルコードを修正しましたので、ご確認いただけますか?コメントありがとうございます。私が思い違いをしていたかもしれません。00:07これです!まさにこれです!!(涙)ご回答ありがとうございます。十数時間もかかりっきりでしたが、これですっきりしました!本当にお礼申し上げます!これです!まさにこれです!!(涙)ご回答ありがとうございます。00:15解決できてよかったです!サイト制作頑張ってください。質問が解決できたと思いますので、解決済みにしておいていただければとおもいます。サイト制作頑張ってください。質問が解決できたと思いますので、解決済みにしておいていただければとおもいます。解決済ハンバーガーメニュー内リンクをクリック後、メニューを閉じたい受付中スマホの時だけ、横からでてくるスライドメニューを実装したいです....。#をつけると閉じなくなってしまう。頂いたご意見への回答は行っておりません。