Вложенность меню работает не корректно как исправить?

Question

[freeman0204]

Верстка обычная меню и под меню.
Если нажать на меню открывается под меню, все ок, если нажать на любом месте страницы меню закроется, тоже все ок. Если нажать еще раз на меню что бы закрыть, закрываться не хочет, почему?
Если нужны стили и верстка я скину.
И ни как не могу сделать что бы нормально работали все вложенности. Работает только первая вложенность когда кликаю на нее остальные нет, там 4 вложенности есть максимум. Вот код для jquery.

$('.dropmenu li').click(function(){
    $(this).find('.dropmenu_sub li').slideToggle(100);
    
    $(document).mouseup(function (e){ // событие клика по веб-документу
        var div = $(".dropmenu_sub li"); // тут указываем ID элемента
        if (!div.is(e.target) // если клик был не по нашему блоку
            && div.has(e.target).length === 0) { // и не по его дочерним элементам
            div.hide(); // скрываем его
        }
    });

Answer 1

[tigra]

на https://jsfiddle.net/ выложи вместе с вёрсткой

Comments

[freeman0204]

Меню codepen.io/freeman0204/pen/vLzXdj