Here’s a little code to show and hide divs or layers that is backwards compatible to Netscape 4 and IE 4. This is older code, but great for sites where you want to show and hide divs or layers but don’t have the need for the newer JavaScript libraries like Prototype or Scriptaculous.

function getObject(objID) {
if( document.getElementById && document.getElementById(objID) ) {
// for W3C supporting browsers
return document.getElementById(objID);
} else if( document.all && document.all(objID) ) {
// for old IE DOM
return document.all.objID;
} else if( document.layers && document.layers[objID] ) {
// for old Netscape DOM
return document.objID;
}
}
function getStyleObject(objID) {
if(document.getElementById && document.getElementById(objID)) {
// W3C DOM
return document.getElementById(objID).style;
} else if (document.all && document.all(objID)) {
// MSIE 4 DOM
return document.all(objID).style;
} else if (document.layers && document.layers[objID]) {
// NN 4 DOM.. note: this won't find nested layers
return document.layers[objID];
} else {
//alert("can't get styleobject reference");
return false;
}
}
function show_hide(objID, vis) {
var obj = getStyleObject(objID); switch ( vis ) {
case "show":
obj.display = "block";
break;
case "hide":
obj.display = "none";
break;
}
if( vis == "toggle" ) {
if(obj.display == "none" ) {
obj.display = "block";
} else {
obj.display = "none";
}
}
}