onmousedown隐藏/显示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';
}

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

Answer 2

试一试

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