Question

如何用javascript同时控制两个div？

详细是这样的，一个tab在页面中间位置，控制两个div，一个div在tab上方，一个div在tab下方，当点击不同tab的时候，上方的div跟下方的div同时隐现。如何实现呢？
<div class="tabs">
<div id="panel-1">区域一</div>
<div id="panel-2">区域二</div>
<ul>
<li><a href="#panel-1">TAB标签一</a></li>
<li><a href="#panel-2">TAB标签二</a></li>
</ul>
<div id="panel-3">区域一显示时同时显示</div>
<div id="panel-4">区域二显示时同时显示</div>
</div>

如上代码，点击TAB标签一时，panel-1、panel-3同时显示。点击TAB标签二时panel-2、panel-4同时显示

Answer 1

控制一个会不会？换成两个不就行了。。。
举个例子。。。实际不是这么写的
一个的时候：
onclick = function() {
div1.taggle();
}
两个的时候：
onclick = funciton() {
div1.taggle();
div2.taggle();
}

Answer 2

<script language="javascript" type="text/javascript" >
function taggle(i){
for(var j=1;j<5;j++){
var id="panel-"+j;
if(j==i||j==i+2) document.getElementById(id).style.display="block";
else document.getElementById(id).style.display="none";
}
}

</script>
<div class="tabs">

<div id="panel-1">区域一</div>
<div id="panel-2">区域二</div>
<ul>
<li><a onclick="taggle(1)">TAB标签一</a></li>
<li><a onclick="taggle(2)">TAB标签二</a></li>
</ul>
<div id="panel-3">区域一显示时同时显示</div>
<div id="panel-4">区域二显示时同时显示</div>
</div>

Answer 3

两个div的id写成一样就行了