ドロワー内のメニューをクリックするとリンクすると同時にドロワーが閉じるように実装したい

Question

以下ようにHTMLを書いています。PC・SPサイトで、ドロワーメニュー内のメニュー項目をクリックした時、ドロワーが開いたまま、リンク遷移してしまっています。メニューをクリックした時にリンクすると同時にドロワーは閉じるように修正するにはどうしたらいいか教えていただけたら助かります。足りない情報があればご指摘いただけたらすぐに開示致します。宜しくお願いします。

【HTML】

<nav id="mainnav"> 　　<p id="menuWrap"> 　　<a id="menu"> 　　　<span id="menuBtn"></span> 　　</a> 　　</p> 　<div class="panel"> 　　<ul> 　　　<li><a href="https://xxx.com/#header">TOP</a></li> 　　　<li><a href="https://xxx.com/#sec01">メニュー１</a></li> 　　　<li><a href="https://xxx.com/#sec02">メニュー２</a></li> 　　　<li><a href="https://xxx.com/#sec03">メニュー３</a></li> 　　　<li><a href="https://xxx.com/#sec05">メニュー４</a></li> 　　</ul> 　</div> </nav>

Comments

[itagagaki]

CSSのコードも示してください。
それと、クリックで閉じるようにするにはJavaScriptのコードが必要になりそうな気がしますが、それはよろしいですか？

Answer 1

「ページ内リンク　メニューを閉じる」で検索したところ、以下の結果でした。

ページ内リンク　メニューを閉じるに関連する質問・回答の検索結果(1ページ目)｜teratail

既出の質問なので、そちらを参照されてはいかがでしょうか。