ハンバーガーメニューをクリックしてもjqueryが動作しません

Question

ハンバーガーメニューの作り方　レスポンシブ対応
リンク内容

上記を見ながらハンバーガーメニューを作っています。

サイトをみながらつくったのですが、

ハンバーガーメニューをクリックしても、反応しません。

なにがいけないのでしょうか？

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

のパスもあってると思います。

 <span class="nav_toggle">
      <i></i>
      <i></i>
      <i></i>
   </span>
   <nav class="nav">
      <ul class="nav_menu_ul">
          <li class="nav_menu_li"><a href="#">ABOUT</a></li>
          <li class="nav_menu_li"><a href="#">WORK</a></li>
          <li class="nav_menu_li"><a href="#">PHOTO</a></li>
          <li class="nav_menu_li"><a href="#">PRICE</a></li>
          <li class="nav_menu_li"><a href="#">CONTACT</a></li>
      </ul>
   </nav>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="./js/script.js"></script>

.nav_toggle {
  display: block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  }
  
  .nav_toggle i {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  transition: transform .5s, opacity .5s;
  }
  
  .nav_toggle i:nth-child(1) {
  top: 0;
  }
  .nav_toggle i:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
  }
  
  .nav_toggle i:nth-child(3) {
  bottom: 0;
  }

  .nav_toggle.show i:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
    }
    .nav_toggle.show i:nth-child(2) {
    opacity: 0;
    }
    .nav_toggle.show i:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
    }

    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      visibility: hidden;
      background-color: white;
      transition: opacity .5s, visibility .5s;
      }

      .nav.show {
        opacity: 1;
        visibility: visible;
        }

        .nav-menu-li{
          text-align: center;
          margin-top: 30px;
          font: normal normal normal 20px/41px Hiragino Mincho ProN;
          }
          .nav_menu{
          padding: 90px 0;
          }

$('.nav_toggle'),on('click',function(){
	$('.nav_toggle, .nav').toggleClass('show');
	});

下記はテスト環境ＵＲＬです

リンク内容

Answer 1

//             ↓カンマじゃなくドット
$('.nav_toggle'),on('click',function(){
    $('.nav_toggle, .nav').toggleClass('show');
    });

Comments

[niconic73027793]

ありがとうございます