モバイル版のレスポンシブメニューが表示されない

実現したいこと

レスポンシブハンバーガーメニューを実装したいが、モバイル版表示の時メニュー内容が表示されない

※参考にしたページ
リンク内容

該当のソースコード

html

1<nav>2 <div class="drawer">3 <div id="logo-menu"><a href="index.php"><img src="images-subscription/logo/logo.png" alt=""/></a></div>4 <div class="Toggle">5 <span></span>6 <span></span>7 <span></span>8 </div>9 </div>10 <div class="menu-style">11 <ul>12 <li><a href="index.php">あああ</a></li>13 <li><a href="index2.php">いいい</a></li>14 <li><a href="index3.php">ううう</a></li>15 <li><a href="index4.php">えええ</a></li>16 </ul>17 </div>18</nav>

javascript

1<script type="text/javascript">2 $(function() {3 $('.Toggle').click(function() {4 $(this).toggleClass('active');5 $('.menu-style').toggleClass('open');6 });7 });8</script>

試したこと

CDNはここには記載していませんが、コード内には記載してあります
cssは少し長いので必要であれば記載致します

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