Javascript JS下拉菜单行为

我有一个下拉菜单，但我不知道如何关闭上一个菜单点击。所有菜单都保持打开状态，因此我需要它们在打开其他菜单时关闭

请看我的护照

$（文档）.ready（函数（）{
//下拉菜单
var findDropdowns=document.querySelectorAll（“.has dropdown”）；
对于（变量i=0；i















.nav ul{显示：无；}
.nav ul.show{display:block；}

您只需从

.nav

中的所有

ul

标签中删除

.show

类，然后再打开一个新的下拉列表：

function dropdownTrigger(e) {
    var opened = document.querySelectorAll(".nav ul.show");
    for(var i = 0; i < opened.length; i++) {
        opened[i].removeAttribute("class");
    }

    ...
}

函数下拉触发器（e）{
var opened=document.queryselectoral（“.nav ul.show”）；
对于（变量i=0；i

请注意，由于您仍在使用jQuery（

$（document）.ready

），因此可能存在一个错误

也

function dropdownTrigger(e) {
    var opened = document.querySelectorAll(".nav ul.show");
    for(var i = 0; i < opened.length; i++) {
        opened[i].removeAttribute("class");
    }

    ...
}