my code work properly in IE but not in netscape, what i want is when the
table is foldout the table is also fould out...? any one know what's the
problem on my code?
here's my code..
----------------start here-----------------
<style>
.menu {display:none}
</style>
<script language="JavaScript">
var bV=parseInt(navigator.appVersion);
NS4=(document.layers)?true:false;
IE4=((document.all)&&(bV>=4))?true:false;
ver4 = (NS4 || IE4) ? true : false;
function initIt()
{
if( document.all )
{
objects = document.all.tags("DIV");}
else {objects = document.layers;}
for (i=0; i<objects.length; i++) {
if (objects(i).className == "menu") objects
(i).style.display = "none";
}
}
function expandIt(el) {
if (!ver4) return;
expandIE(el);
}
function expandIE(el)
{
mysubmenu = eval(el);
mysubmenu.style.display = (mysubmenu.style.display
== "block" ) ? "none" : "block";
// if (document.layers[DS].visibility=="hide"){document.layers
[DS].visibility="show"; }else{document.layers[DS].visibility="hide";
}
onload = initIt;
</script>
<table>
<tr>
<td>
</font><a href="javascript:expandIt('menu0')"><font
color=#0000bb><b>Link</b></font></a><br>
<div id="menu0" class=menu>
<table width=20% cellspacing=0 cellpadding=0 border=0><tr valign=top><td
class=nrm> <font color=#cc0000> </font></td><td
class=nrm><a href="#"><font color=#0000bb>SubLink
1</font></a></td></tr></table>
<table width=20% cellspacing=0 cellpadding=0 border=0><tr valign=top><td
class=nrm> <font color=#cc0000> </font></td><td
class=nrm><a href="#"><font color=#0000bb>SubLink
2</font></a></td></tr></table>
<table width=20% cellspacing=0 cellpadding=0 border=0><tr valign=top><td
class=nrm> <font color=#cc0000> </font></td><td
class=nrm><a href="#"><font color=#0000bb>SubLink
3</font></a></td></tr></table>
</div>
</td>
</tr>
</table>
-----------end here-----------
thanks for your help.