element.display = block : none issues

[radar]

Okay So i have a div that I need shows up hidden initially via CSS display: none

 

So I wrote this function to toggle the display of that div and it's contents..

 

function toggleDisplay(e){    
element = document.getElementById(e).style;  
if (element.display == 'none') {
	element.display = 'block';
} else {
	element.display = 'none';
}
}

 

problem is, in both IE8 and FF I have to click the button twice in order to get it to change the style the first time (from hidden to block)...  any ideas?

[radar]

Problem was, it was bringing the style.display as being blank, so i had to add in an else if statement to account for that first click.