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