如图所示，有没有简单的函数写法。。

Question

菜单1----5   共用一个显示区，按照古老的方法1是<div id="m1" style="display:block"></div>
<div id="m2"style="display:none"></div>
<div id="m3"style="display:none"></div>
......
方法2是
$("显示区").innerhtml=.....m1  or  m2  or  m3这些个写法都不爽，有没有方法3.。。众人以为如何？？

Answer 1

你这个功能是不是和csdn 点击各大板块的功能有点像？

Answer 2

其实就是tab标签切换好像很难找第三种全新的方法了

Answer 3

document.getElementById("mtop1").style.color="#ffffff";
document.getElementById("mtop2").style.color="#ffffff";
document.getElementById("mtop3").style.color="#ffffff";
document.getElementById("mtop4").style.color="#ccccff";
document.getElementById("divmtop1").style.display="none";
document.getElementById("divfoot1").style.display="none";
document.getElementById("divmtop3").style.display="none";
document.getElementById("divfoot3").style.display="none";
document.getElementById("divmtop2").style.display="none";
document.getElementById("divfoot2").style.display="none";
document.getElementById("divmtop4").style.display="block";
document.getElementById("divfoot4").style.display="block";每当写切换的时候就要写一大堆的显示隐藏语句，，一个字烦。所以或者谁能够写一个高效简洁函数出来，比如document.getElementById("m1,m2,m3").style.display=....就方便了

Answer 4

选项卡？ 通常是用的 display 来控制的

Answer 5

function  hiddenAll(a1,a2,a3)
{
 
     var A_All={a1,a2,3};
     for(a in A_All)
     {
          eval("document.getElementById("+a+").style.display='none'");
     }  
}

Answer 6

jquery里面倒是可以将相同类型的控件合并着写