onmousedown hide / show div

Question

我想制作一个在点击按钮时隐藏/显示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>

Answer 1

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

然后你可以将id作为字符串IE传递而不是toggleDiv(items)使用toggleDiv('items')

Example

Answer 2

尝试

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