多级下拉菜单有切换问题

Question

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

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

这是我正在使用的基本功能：

$(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();
  });
});