Question

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

这是我的多级下拉菜单（仅限测试页面）。如果你点击/点击第二级选项（＆＃34; Border＆＃34;，＆＃34; Zipper＆＃34;，＆＃34; Dress Shirt＆＃34;等等，你会看到问题 - 该功能开始打开第三级菜单，但也关闭第二级菜单。

以下是我使用的基本功能：

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

第二级功能是相同的，除了＆＃34;顶级＆＃34;的每个实例。成为＆＃34;二级＆＃34;

我做错了什么？（是的，我已经详尽地搜索了答案，但它并没有完全点击。）

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

多级下拉菜单有切换问题

1 个答案: