cssでハンバーガーメニューが開きっぱなしになっている

Question

色々検索かけてみましたが、解決できませんでした。
✖️も機能していないです。
勉強の最中でわからない為、わかりやすく解説していただけると幸いです。
よろしくお願い致します。

html

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<script srs="js/script.js"></script>

省略

<div id="nav-switch"> <i class="fas fa-bars"></i> </div> <nav class="open"> <div id="nav-close"> <i class="far fa-window-close"></i> </div>

css

#site-header #nav-switch,
#site-header #nav-close {
display: none;
}

@media (max-width: 767px) {
#site-header #nav-close {
display: block;
text-align: right;
}
}

@media (max-width: 767px) {
#site-header #nav-switch {
color: #e7a8bb;
display: block;
font-size: 24px;
transition: .3s;
margin-left: 95%;
}

#site-header nav {
	background: #e7a8bb;
	bottom: 0;
	filter: opacity(.9);
	min-height: 100vh;
	padding: 40px 20px;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: .5s;
	width: 50%;
	z-index: 1000;
}
#site-header {
	color: #fff;
	display: block;
	font-size: 24px;
	position: absolute;
	right: 12px;
	top: 8px;
}
}


/* open */
#site-header #nav-switch nav.open {
	filter: opacity(0);
}
#site-header nav.open {
	transform: translateX(0);
}

java

$(function() { //この中にjqueryの指定を書きますよという指定

var $nav = $('nav'); //毎回書くのが面倒なので簡略化
var $switch = $('#nav-switch'); //毎回書くのが面倒なので簡略化
var $close = $('#nav-close'); //毎回書くのが面倒なので簡略化

$switch.on('click', function() { //#nav-switchをクリックしたら
$nav.addClass('open'); // navにopenクラスがつく
});

$close.on('click', function() { //#nav-close（バツ印）をクリックしたら
$nav.removeClass('open'); // navのopenクラスを取り除く
});

});

質問の仕方もあっているかわかりません。
すみませんがが、よろしくお願いします。

Comments

[Lhankor_Mhy]

JavaServer Faces 2 の質問タグは、この質問に関係がなさそうなので削除をおすすめします。

回答者は質問タグを見て回答する質問を選んでいます。
たとえば、JavaScriptの質問に[Java][JavaScript]というタグが付いていた場合、JavaScript に詳しい回答者が「Javaが関係するなら詳しくないから回答できないな」と読み飛ばすかもしれません。
結果的に質問が目に触れる回数が減り、回答が得られにくくなることがあるでしょう。

ですので、質問タグは適切に設定することをおすすめします。
（もちろん、これは強制ではありません）

Answer 1

とりあえず、この打ち間違いが原因では。

<script srs="js/script.js"></script>
↓
<script src="js/script.js"></script>

Comments

[sxx]

早速回答有難う御座います。
指摘いただいた箇所修正したら直りました！
ずっと悩んでいたので、もっと早く質問すればよかったです！！
ほんとに嬉しいです！有難うございました！！