多级下拉菜单有切换问题

Multi-level drop down menu has toggle issue

本文关键字：问题 下拉菜单 多级      更新时间：2023-09-26

有人能帮我解决下拉菜单中的切换问题吗?为了方便观看，我放慢了动画的速度。

这是我的多层次下拉菜单(仅测试页)。如果你点击/轻按第二级选项("边框"、"拉链"、"礼服衬衫"等)，你会发现问题——该功能开始打开第三级菜单，但同时关闭第二级菜单。

下面是我使用的基本函数:

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

二级函数相同，只是"top-level"的每个实例都变成了" Second -level"

我做错了什么?(是的，我已经竭尽全力地寻找答案，但它不是很点击。)

试试这个开头

$(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();
  });
});
相关文章：