<HTML>
<HEAD>
<TITLE>Works in IE 4.x and NN 4.x</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var browser, version;
browser = navigator.appName;
version = navigator.appVersion;
var ie4 = (browser.indexOf("Explorer") >= 0) && (version.indexOf('4.0') >=0 );
function product() {
prod1 = (ie4) ?document.all.gc1.style : document.lgc1
prod2 = (ie4) ?document.all.gc2.style : document.lgc2
mydiv = new Array()
mydiv[1] = prod1
mydiv[2] = prod2
}
// the following shows how to handle the browser differences.
function showit(prod){
if (ie4 == true){
mydiv[prod].display="block";
} else {
mydiv[prod].visibility= "show";
}
}
function hideit(prod){
if (ie4 == true){
mydiv[prod].display="none";
} else {
mydiv[prod].visibility= "hide";
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
...
<! Here are some Buttons >
<input type=button value="More" onclick="showit(1)">
...
<input type=button value="More" onclick="showit(2)">
...
</FORM>
<! This is a Layer >
<LAYER NAME=lgc1 visibility=hide CLASS=LAYER1>
<! In IE4 and other browsers the LAYER tag is not recognized >
<nolayer><DIV CLASS=LAYER1 STYLE="display:none"></nolayer>
<! The DIV tag is recognized by many browsers, 
    but ignored in NN4 because of the nolayer tag >
<H3>Product INFO -[Class1]-</H3>
<P>Blablabla</P>
<P>Blablabla</P>
<FORM><input type=button value="ok" onclick="hideit(1)"></FORM>
<nolayer></DIV></nolayer>
</LAYER>
<LAYER NAME=lgc2 visibility=hide CLASS=LAYER2>
<nolayer><DIV CLASS=LAYER2 style="display:none"></nolayer>
<H3>Product INFO -[Class2]-</H3>
<P>Blablabla</P>
<P>More information</P>
<FORM><input type=button value="ok" onclick="hideit(2)"></FORM>
<nolayer></DIV></nolayer>
</LAYER>
</BODY>
</HTML>