スマホメニューがうまく閉じません。

Question

スマホメニュー（右上に三本線or×ボタン）の
開け閉めがうまくできません。

前提・実現したいこと

レスポンシブ対応をしようとして、
900px以下の画面になると、スマホメニューが表示される（最初はclose状態）ようにしたいのです。

発生している問題・エラーメッセージ

メニュー画面の表示と、×ボタンは表示できたものの、×を押してもうまく動きません。

該当のソースコード

/*CSSのほう*/
/*三本バーアイコン*/
#menubar_hdr.close {
	background: url(../img/navi/icon_menu_close.png) no-repeat center/60%;
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: url(../img/navi/icon_menu_open.png) no-repeat center/60px;
}

index側には以下を追加しています。

/*HTML (navi-sがスマホメニュー）*/
<script type="text/javascript" src="js/openclose.js"></script>

/*中略*/
	<!--メニュー開閉ボタン-->
	<div id="menubar_hdr" class="close"></div>
	
	<!--メニューの開閉処理条件設定　700px以下-->
	<script>
		if (OCwindowWidth() <= 700) {
			open_close("menubar_hdr", "navi-s");
		}
	</script>

Comments

[madone99]

closeの箇所がうまく動かないというのであれば、addEventListnerしている箇所を提示すると良いと思います。

[takuhito_hihara]

理想を言えば該当のページのURL、それができなければjavascriptとHTMLも見せてもらえますでしょうか。

Answer 1

javaScriptフォルダ階層とうまく一致しておらず、引けなかったという単純ミスでした。
コメントくださった皆様ありがとうございました。