Show/Hide script not working on IE

[Sendai]

Hello,

I'm using a script to Show/Hide some divs in order to achieve a dropdown menu effect but it isn't working on IE although it works fine on Firefox and Chrome.

Can anyone please help me adapt it so that it works on IE?

<script type="text/javascript">
visibleDiv1 = "";
visibleDiv2 = "";
visibleDiv3 = "";
visibleDiv4 = "";
function showHide1(elementid1){
 if (document.getElementById(elementid1).style.display == 'none'){
 document.getElementById(elementid1).style.display = '';
 if(visibleDiv1 != ""){
 if(visibleDiv1 != elementid1){
 document.getElementById(visibleDiv1).style.display = 'none';
 }
 }
 visibleDiv1 = elementid1;
 } else {
 document.getElementById(elementid1).style.display = 'none';
 }
}
function showHide2(elementid2){
 if (document.getElementById(elementid2).style.display == 'none'){
 document.getElementById(elementid2).style.display = '';
 if(visibleDiv2 != ""){
 if(visibleDiv2 != elementid2){
 document.getElementById(visibleDiv2).style.display = 'none';
 }
 }
 visibleDiv2 = elementid2;
 } else {
 document.getElementById(elementid2).style.display = 'none';
 }
}
function showHide3(elementid3){
 if (document.getElementById(elementid3).style.display == 'none'){
 document.getElementById(elementid3).style.display = '';
 if(visibleDiv3 != ""){
 if(visibleDiv3 != elementid3){
 document.getElementById(visibleDiv3).style.display = 'none';
 }
 }
 visibleDiv3 = elementid3;
 } else {
 document.getElementById(elementid3).style.display = 'none';
 }
} 
function showHide4(elementid4){
 if (document.getElementById(elementid4).style.display == 'none'){
 document.getElementById(elementid4).style.display = '';
 if(visibleDiv4 != ""){
 if(visibleDiv4 != elementid4){
 document.getElementById(visibleDiv4).style.display = 'none';
 }
 }
 visibleDiv4 = elementid4;
 } else {
 document.getElementById(elementid4).style.display = 'none';
 }
}
</script>

Thanks!

[daveVk]

You only need one function

function showHide(id){
var el = document.getElementById(id);
if ( el.style.display == 'none'){ el.style.display = ''; }
else { el.style.display = 'none'; }
}

If that does not fix it, check html and css to see if something other than style.display may be hiding the div.

Welcome