Ruby on rails Проблема с использованием функции с начальной загрузкой для меню

Question

У меня есть некоторые проблемы с моим jquery в ruby ​​на рельсах, я пытаюсь вызвать мою функцию для моей панели навигации, но в продолжает посылать сообщение "toogleClass не является функцией" Я проверил код иЯ не вижу проблемы:

application.js

//= require rails-ujs
//= require jquery
//= require turbolinks
//= require activestorage
//= require_tree .
function toogleView(){
    $('.menu-toggle').click(function(){
      $('.menu-toggle').toggleClass('active');
      $('nav').toogleClass('active');

    });
}

их я делаю вызов в моем представлении:

_navigation.html.erb

<header>
  <a href="#" class="logo">Logo</a>
  <div class="menu-toggle"></div>
  <nav>
    <ul>
      <li><a href="#" class="active">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Servicios</a></li>
      <li><a href="#">Team</a></li>
      <li><a href="#">Portafolio</a></li>
      <li><a href="#">Contacto</a></li>
    </ul>
  </nav>
  <div class="clearfix"></div>
</header>
<script>
  new toogleView();
</script>

Я очень ценю вашу помощь, ребята.

Answer 1

toogleClass не является допустимой функцией, но toggleClass является допустимой функцией."переключить" не "переключать".

Answer 2

Вы используете триггер для изменения класса

function toogleView(){
  $('.menu-toggle').click(function(){
    $('.menu-toggle').trigger('active');
    $('nav').trigger('active');
 });
}