Меню на jQuery

[SiviS]

Всем привет ребята, есть меню в шаблоне которое открывается при помощи jQuery.

Дело в том что "Подкатегории" по клику раскрываются, но при повторном клике не закрываются (только если открыть другую категорию)

 

Ниже фрагмент кода.. эксперементировал, но знания мои в jQuery слабы..

// Меню
            $(document).ready(function () {
              var $menu = $('#menu');

              $('.ochow-menu-item-toggle').on('click', function () {
                var $btn = $(this);

                $menu
                  .find('.dropdown')
                    .removeClass('open')
                      .find('.ochow-open')
                        .removeClass('ochow-open')
                        .addClass('ochow-close');
                
                if ($btn.hasClass('ochow-close')) {
                  $btn
                    .removeClass('ochow-close')
                    .addClass('ochow-open')
                      .parent()
                        .addClass('open')
                } else {
                  $btn
                    .removeClass('ochow-open')
                    .addClass('ochow-close')
                      .parent()
                        .removeClass('open')
                }
              });
            });

Помогите пожалуйста сделать так, что бы при повторном клике подкатегории скрывались!

[ArtemPitov]

https://getbootstrap.com/docs/3.3/javascript/#dropdowns 

[SiviS]

35 minutes ago, ArtemPitov said:

https://getbootstrap.com/docs/3.3/javascript/#dropdowns 

Я же говорю что в jQuery я не силен.. Документацию читал - разобраться не могу т.к. в моем случае выпадающий список сделан не стандартно. Поэтому и прошу по возможности готовое решение (как можно реализовать закрытие панели именно под мой случай)