多级下拉菜单有切换问题。

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