CODEWITHSUNDEEP
javascript
lisovaccaro
lisovaccaro

Reputation: 33946

onmousedown hide/show div

I want to make a function that hides/shows a div when clicking on a button. The idea would be to be able to pass the ID of the div I want to hide through the event. But I'm not quite sure how to do it.

This is what I have done until now:

<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>

Upvotes: 0

Views: 1657

Answers (2)

Paul
Paul

Reputation: 141829

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

Then you can pass the id in as a string IE instead of toggleDiv(items) use toggleDiv('items')

Example

Upvotes: 1

Ryker.Wang
Ryker.Wang

Reputation: 797

try 

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

Upvotes: 0

Related Questions