Закрыть выпадающие списки при щелчке

Question

Привет, пытаюсь создать скрипт, который закрывает ли при нажатии другого. Был близко, но ударил ошибку здесь и там. Пытался, когда при нажатии закрыть все li, а затем открыть указанный c один.

При этом работают все выпадающие списки, кроме одного.

  $('.dropdown-toggle--submenu').on('click', function(e){
    $('.dropdown-toggle--submenu').each(function(){
      $('.dropdown-submenu').removeClass('show');

    })

   $(this).parent().find('.dropdown-submenu').toggleClass('show');
  });

До открытия

Открытие. Добавление show-submenu и show к элементам в и

Я был близок к исправлению ошибок несколько раз, но препятствие - это одно меню выпадающие в выпадающем списке. Поэтому мне нужно использовать другой класс из основного выпадающего списка против этого. Также li не закрывается, когда я нажимаю на него, но закрывается, когда я нажимаю на другое. Так что почти… .... *

.dropdown-toggle - submenu-dp - 0 - это цель для открытия основных выпадающих меню, а .dropdown-toggle - submenu-dp - 1 - для мини выпадающие в этом.

Мне бы хотелось, чтобы с этим выпадающим списком была похожая функция. При нажатии на одно из этих дочерних выпадающих меню остальные закрываются.