Show/hide virker ikke i Firefox

Hej. Jeg har dette script i javascript som skal vise eller skjule div. Dette virker (næsten) optimalt i ie, der mangler dog at være således når man trykker på en anden "vis div" så skjules den første trykkede på...? anyway mit script er således:

var ns, ns6, ie, newlayer;

ns4  = (document.layers) ? true : false;
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function getLayerStyle( lyr ){
if( ns4 ){
return document.layers[lyr];
} else if( ie4 ){
return document.all[lyr].style;
} else if( ie5 ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}

function ShowHide(layer){
newlayer = getLayerStyle(layer)

var styleObj = (ns4)? document.layers[layer] : (ie4)? document.all[layer].style : document.getElementById(layer).style;

if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
styleObj.display = ""
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
styleObj.display = "none"
}
}
</script>

<ol class="menu3">
    <li><a href="java script:ShowHide('testdiv1');">En fil</a></li>
    <li><a href="java script:ShowHide('testdiv2');">Endnu en fil</a></li>
    </ol>
   
   
    </td>
    <!-- InstanceEndEditable -->
    <td><!-- InstanceBeginEditable name="indhold højre" -->
    <div id="testdiv1" name="testdiv1" style="visibility: hidden; display: none;">div 1</div>
  <div id="testdiv2" name="testdiv2" style="visibility: hidden; display: none;">div 2</div>

nogen der ved hvad jeg gør???