Javascript 关于构建js函数并用HTML连接它，我做错了什么？

我需要编写一个js函数，通过单击下拉元素来显示一些HTML块。它就是不走。你能帮帮我吗，我做错了什么

功能参数一（e）
{
e=事件| | window.event；
//$（'div.checkbox'）.style.display=“无”；
$（'div.checkbox:first child'）.style.display=“block”；
$（'h4#kriterium'）.style.display=“block”；
返回true；
}

/*下拉按钮*/
.dropbtn{
背景色：#788bb6；
颜色：白色；
填充：10px 15px；
字体大小：13px；
光标：指针；
边界：无；
边界半径：3px；
}
/*悬停和聚焦上的下拉按钮
.dropbtn:悬停，.dropbtn:焦点{
背景色：#2C3459；
} */
/*容器-需要定位下拉内容*/
.下拉列表{
位置：相对位置；
显示：内联块；
}
/*下拉内容（默认情况下隐藏）*/
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#fff；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
/*下拉列表中的链接*/
.下拉内容a{
颜色：#000；
填充：10px 15px；
文字装饰：无；
显示：块；
字体大小：13px；
}
/*更改悬停时下拉链接的颜色*/
.下拉内容a:悬停{背景色：#788bb6；颜色：#fff；}
/*显示下拉菜单（当用户单击下拉按钮时，使用JS将此类添加到.dropdown内容容器）*/
.show{display:block；}
/*悬停时显示下拉菜单*/
.dropdown:hover.dropdown内容{display:block；}
label.checkbox{
字体大小：13px；
边界：无；
}
分区复选框{
边缘顶部：15px；
显示：无；
}
h4#kriterium{
显示：无；
}

奥斯瓦伦（索斯特阿勒）领导
磷矿1
Wert 1
Wert 2
Wert 3

您正在混合使用普通Javascript和jQuery。试试这个：

$('div.checkboxes:first-child').css('display', 'block')

更多信息请点击此处：

如果您想要Javascript方式，您应该使用js选择器（如

querySelector

或

getElementsBy…

）。jQuery返回自己的元素类型，但Js返回一个HTMLCollection->