当其他下拉菜单切换为活动状态时，关闭下拉菜单

问题描述

我正在尝试关闭，例如下拉列表B获得classList.toggle("active)时自动关闭下拉列表A（在这种情况下，我会点击一下鼠标来切换ClassList）

我可以手动打开（classList.toggle("active)和关闭（classList.toggle("inactive)），但是我想自动关闭它。

现在我明白了：

function dropdown() {

    let employerBranding = document.querySelector(".employer-branding");
    let marketing = document.querySelector(".marketing");
    let corporateOverall = document.querySelector(".corporate-overall");
    let technicalData = document.querySelector(".technical-data");

    let categoryModules = [employerBranding,marketing,corporateOverall,technicalData];
    let categoryDropdown = $(".category-dropdown");


    for (let i = 0; i < categoryModules.length; i++) {

        categoryModules[i].addEventListener("click",function () {
            categoryDropdown.slideDown();
        });

    }

}

dropdown();

现在的问题是：当我单击四个模块之一时，它会打开所有下拉列表。我如何触发将正确的Dropdown转换为正确的模块，所以只有一个（单击的模块下方的一个）打开 && 我如何添加另一个click和.slideUp()使其再次向上滑动？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

class class dropdown javascript