●用js如何做到同时显示一个并隐藏另一个的功能呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<a href="javascript:a()">display A</a>  | <a href="javascript:b()">display B</a>  | <a href="javascript:allshow()">display all</a>  | <a href="javascript:allhide()">hide all</a>
<TABLE width=100 id="t1" border=1 height=100>
<TR>
<TD>a</TD>
</TR>
</TABLE>
<TABLE width=100 id="t2" border=1 height=100>
<TR>
<TD>b</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
o1=document.getElementById("t1");
o2=document.getElementById("t2");
function a() {
o1.style.display='block';
o2.style.display='none';
}
function b() {
o2.style.display='block';
o1.style.display='none';
}
function allshow() {
o2.style.display='block';
o1.style.display='block';
}
function allhide() {
o2.style.display='none';
o1.style.display='none';
}
//-->
</SCRIPT>
</BODY>
</HTML>

解决方案 »

  1.   

    <SCRIPT language=javascript1.2>
    <!--function showsubmenu(sid)
    {
       for(i=1;i<=9;i++)//有多少要隐藏的列，就执行几次
       {
             if (i==sid)//如果你点中的行与I相同，那么他将显示，否则全部不显示，这样就保证一次显示一行作为当前执行面板
             {  whichEl = eval("submenu" + sid);
        if (whichEl.style.display == "none")
    {
                eval("submenu"+i+ ".style.display=\"\";");
    }
    else
    {
    eval("submenu"+i+ ".style.display='none';");
    }

     }
             else
             {
            eval("submenu"+i+  ".style.display=\"none\";");
             }  
       }
    }
    //-->
    </SCRIPT>