スマホサイトのメニューが開かないので困っています。

質問

メニューが開かないので困っています。
WEBでテンプレートを購入したのですが質問に回答してくれません。

Google ChromeのディベロッパーツールのConsoleで確認すると次のメッセージが出ます。

[エラーメッセージ]
script.js:1　 Uncaught ReferenceError: $ is not defined

[script.js]
$(function(){$("div.panel").hide();$(".menu").click(function(){$(this).toggleClass("menuOpen").next().slideToggle();});})

[js]
<script src="http://junkana.net/js/script.js"></script>

[style]一部
nav div.panel{display:block !important;float:right;}
nav#mainNav a.menu{width:100%;display:block;height:40px;line-height:40px;font-weight:bold;text-align:left;color:#fff;}
nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content:"→ ";}
nav#mainNav a.menuOpen span:before{content:"↓ ";}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{display:none;width:100%;position:relative;right:0;top:0;z-index:1;}

<!-- メインナビゲーション -->
<nav id="mainNav">
<a class="menu" id="menu"><span>Menu</span></a>
<div class="panel">
<ul>
<li class="active"><a href="http://yoshio.net/">Homeページ</a></li>
<li><a href="http://junkana.net/diet/">ダイエット</a></li>
<li><a href="http://junkana.net/health/category/">各種サプリメント</a></li>
</ul>
</div>
</nav>
<!-- メインナビゲーション -->

以上、よろしくお願いいたします。

回答No.2

noname#262292

<script src="http://junkana.net/js/jquery1.7.2.min.js"><script>
こちらは、
<script src="http://junkana.net/js/script.js"></script>
より前に読み込めてますか？

お礼

有難う御座いました。
サンプルの再確認を行って見ました。

<link rel="stylesheet" href="" type="text/css" media="screen">

<script src="http://junkana.net/js/jquery1.7.2.min.js" async></script>
<script src="http://junkana.net/js/script.js" async></script>

1.サンプルにあった
<link rel="stylesheet" href="" type="text/css" media="screen">
が抜けいました。

2.レンダリングブロックを解除するために入れたasyncを削除しました。

この2つを行ったところ、メニューが開ける様になりました。

有難う御座いました。
今後とも宜しくお願い致します。

補足

有難う御座います。
<script src="http://junkana.net/js/jquery1.7.2.min.js"><script>
<script src="http://junkana.net/js/script.js"></script>
この順番で記述してあります。

よろしくお願いいたします。

回答No.1

noname#262292

jQueryが必要なのでは？
https://jquery.com/

補足

早々のご回答ありがとうございます。

<script src="http://junkana.net/js/jquery1.7.2.min.js"><script>
は記述してあります。

間違った記述があります。
<a href="http://yoshio.net/">Homeページ</a>は
junkana.netの間違いでした。

よろしくお願いいたします！