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

[狄默默斯基]

菜单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.。。众人以为如何？？

[三石-gary]

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

[狄默默斯基]

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

[狄默默斯基]

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=....

就方便了

[三石-gary]

[Quote=引用 2 楼 xjl756425616 的回复:]

其实就是tab标签切换。。。好像很难找第三种全新的方法了
[/Quote]
好像没有。。。可以到网上搜搜。。。

[hch126163]

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

[Lisa5230]

function hiddenAll(a1,a2,a3)
{

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

[风一样的大叔]

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