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"; 
}