Javascript-多个自定义下拉列表don'；I don’我没有按预期工作

我使用javascript创建了下拉菜单。只需一个菜单就可以了

有什么问题吗？

问题是当我有多个菜单并单击其中一个时，所有下拉菜单都会打开

这是我的密码：

/*当用户单击按钮时，
在隐藏和显示下拉内容之间切换*/
函数cDropdown（$class）{
var dropdownContent=document.getElementsByClassName（$class）；
对于（var i=0；i

/*容器-需要定位下拉内容*/
.c-下拉列表{
位置：相对位置；
/*显示：内联块*/
利润上限：-15px；
}
/*下拉内容（默认情况下隐藏）*/
.c-下拉菜单-内容{
位置：绝对位置；
最高：100%；
左：自动；
右：11px；
z指数：1000；
显示：无；
浮动：左；
最小宽度：5雷姆；
填充：.5rem 0；
保证金：.1250雷姆；
字号：1rem；
颜色：#212529；
文本对齐：左对齐；
列表样式：无；
背景色：#fff；
背景剪辑：填充框；
盒影：0px 0px 15px 1px rgba（113、106、202、0.2）；
边界半径：6px；
}
/*下拉列表中的链接*/
.c-dropdown-content.c-dropdown-item{
宽度：100%；
填充：1px13px；
明确：两者皆有；
字体大小：400；
颜色：#212529；
文本对齐：继承；
空白：nowrap；
背景色：透明；
边界：0；
字体大小：13px；
字号：600；
}
.c-dropdown-content.c-dropdown-item:悬停{
颜色：#e7515a；
}
/*更改悬停时下拉链接的颜色*/
.c-下拉菜单-内容a：悬停{
背景色：#ddd
}
/*显示下拉菜单（当用户单击下拉按钮时，使用JS将此类添加到.dropdown内容容器）*/
.表演{
显示：块；
}
.内容{
高度：100px；
填充：10px；
}

财政司司长
看法
删去
财政司司长
看法
删去

您需要将单击的

dropbtn

传递到函数，然后直接在它后面显示元素，即与它关联的

c-dropdown-content

。下面的代码段完成了这项工作：

功能cDropdown（e）{
var dropdowns=document.getElementsByClassName（“c-dropdown-content”）；
对于（变量i=0；i

.c-下拉列表{
位置：相对位置；
利润上限：-15px；
}
.c-下拉菜单-内容{
位置：绝对位置；
最高：100%；
左：自动；
右：11px；
z指数：1000；
显示：无；
浮动：左；
最小宽度：5雷姆；
填充：.5rem 0；
保证金：.1250雷姆；
字号：1rem；
颜色：#212529；
文本对齐：左对齐；
列表样式：无；
背景色：#fff；
背景剪辑：填充框；
盒影：0px 0px 15px 1px rgba（113、106、202、0.2）；
边界半径：6px；
}
.c-dropdown-content.c-dropdown-item{
宽度：100%；
填充：1px13px；
明确：两者皆有；
字体大小：400；
颜色：#212529；
文本对齐：继承；
空白：nowrap；
背景色：透明；
边界：0；
字体大小：13px；
字号：600；
}
.c-dropdown-content.c-dropdown-item:悬停{
颜色：#e7515a；
}
.c-下拉菜单-内容a：悬停{
背景色：#ddd
}
.表演{
显示：块；
}
.内容{
高度：100px；
填充：10px；
}

财政司司长
看法
删去
财政司司长
看法
删去

我们需要查看您的CSS，以便了解您切换的类的功能。@WaisKamal允许我1分钟您使用

cDropdown（“c-dropdown-content”）打开CSS类下拉列表