SlideToggle не работает в меню ul

Question

http://hd.kirstymarks.com/

Я создаю простое меню (см. Меню переключения). Однако, когда якорь с кнопкой подменю класса нажимается, я получаю следующую ошибку.

Toggle работает нормально, а slideToggle - нет.

Вот мой JQuery:

$j('.submenu-button').on('click', function() {
    $j(this).next().slideToggle();
});

(Я применил класс.submenu-button с простым циклом each)

Любой совет приветствуется.

Спасибо

РЕДАКТИРОВАТЬ:

Пожалуйста, смотрите мой код ниже, и ошибка в консоли выше. Uncaught Type Error

 <ul id="menu-consumer-menu" class="menu">
     <li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5">
         <a href="#" class="submenu-button">Link</a>
         <ul class="sub-menu">
             <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="#">sub menu</a></li>
             <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">sub menu 2</a></li>
         </ul>
      </li>
      <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6">
          <a href="#" class="submenu-button">Link 2</a>
          <ul class="sub-menu">
              <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="#">Another sub menu</a></li>
          </ul>
      </li>
      <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7">
          <a href="#">Link 3</a>
      </li>
   </ul>

Answer 1

Похоже, это потому, что вы используете JQuery slim. Проверьте этот ответ: .slideToggle () не работает при использовании Jquery 3.1.1