Javascript onmousedown隐藏/显示div

我想制作一个函数，在单击按钮时隐藏/显示div。这样做的目的是能够通过事件传递我想要隐藏的div的ID。但我不太确定怎么做

这就是我到目前为止所做的：

<div onmousedown="toogleDiv(badges)"> //clicking here should hide div id=badges
Icons v
</div>

<div id="badges">
</div>

<div onmousedown="toogleDiv(items)"> //clicking here should hide div id=items
Items v
</div>
<div id="items">
</div>

<script>
// Hide/show div;
function toogleDiv()
{
}
</script>

//单击此处应隐藏div id=徽章
图标v
//单击此处应隐藏div id=项
项目五
//隐藏/显示分区；
函数toogleDiv（）
{
}

试试看

function hideDiv(id) 
{ 
    document.getElementById(id).style.display="none";
} 

然后，您可以将id作为字符串传入，即使用

toggleDiv（'items'）

use

toggleDiv（'items'）

---

如果您对javascript不熟悉，请尝试jquery。我不同意并建议您学习真正的javascript，jquery在新手中太受欢迎，阻碍了他们学习如何正确编码、理解DOM和遵循良好的编程实践。它只会宠坏懒惰的人。

function toogleDiv(id){
    var s = document.getElementById(id).style;
    s.display = s.display === 'none' ? 'block' : 'none';
}