多级下拉菜单有切换问题

Question

有人可以帮我解决我的下拉菜单中的切换问题吗？为了查看目的，我放慢了动画速度。

这是我的多级下拉菜单（仅限测试页）。如果您点击/点击第二层选项（“边框”，“拉链”，“衬衫”等，您将看到问题 - 功能开始打开第三层菜单，但也关闭第二层。-level菜单

这里是我使用的基本功能：

$(document).ready(function() { 
$("#dropmenu li:has(div)").click(function() { 
    $('#dropmenu li.top-level > #dropmenu li.top-level div.drop_6col-bottom').not($(this).children("#dropmenu li.top-level div.drop_6col-bottom").slideToggle(400)).hide(); 
}).mouseleave(function() { 
    $(this).children('div').hide(); 
}); 
}); 

第二级的功能是一样的，除了“顶级”的每一个实例成为“第二级”

我做错了什么？（是的，我已经详尽地寻找答案，但不是完全点击。）

Answer 1

尝试此开始

$(document).ready(function() { 
    $("#dropmenu li:has(div)").click(function (event) { 
    event.stopPropagation(); 
    $('#dropmenu li.top-level > #dropmenu li.top-level div.drop_6col-bottom').not($(this).children("#dropmenu li.top-level div.drop_6col-bottom").slideToggle(400)).hide(); 
    }).mouseleave(function() { 
    $(this).children('div').hide(); 
    }); 
});