javascript/如何控制多个div层与层显示与隐藏，万分感谢

Question

<script>
function showContent(num)
{
for(var i=0;i<right.children.length;i++)
{
right.children(i).style.display="none";
}
right.children(num).style.display="";
}
</script>

<div id="center">
<div id="left" style="float:left">
<ul>
<li><a href="#" onclick="showContent(0)">链接一</a></li>
<li><a href="#" onclick="showContent(1)">链接二</a></li>
<li><a href="#" onclick="showContent(2)">链接三</a></li>
<li><a href="#" onclick="showContent(3)">链接四</a></li>
<li><a href="#" onclick="showContent(4)">链接五</a></li>
<li><a href="#" onclick="showContent(5)">链接六</a></li>

</ul>
</div>
<div id="right" style="width:200;height:100;background-color:#abcdef">

<div id="a">
一的内容
</div>
<div class="b" style="display:none">
二的内容
</div>
<div class="c" style="display:none">
三的内容
</div>
<div class="d" style="display:none">
四的内容
</div>
<div class="c" style="display:none">
五的内容
</div>
<div class="d" style="display:none">
六的内容
</div>
</div>
</div>
各位大哥路过帮帮手，如上内容：我想在
<div id="a">
一的内容
</div>
这个容器里再重复以上点击效果，该如何实现？谢谢！！！！
以下内容是加入在上面内容的id=a这个容器中的。
<div id="a">
<div id="aa">
<a href="#">ggggggg</a>
<a href="#">eeeeeeee</a>
</div>
<div id="ab">
<div class="ab1">点上面ggggg需要显示此块</div>
<div class="ab2">点上面eeeeeee需要显示此块</div>
</div>
</div>
在上面已有的点击效果中想再实现同等此效果，请附简单代码，谢谢。

Answer 1

function change(content){
if (document.getElementById(content).style.display=="block") {
document.getElementById(content).style.display="none";

}
else{
document.getElementById(content).style.display="block";

}
}

在你要控制的层里写 onclick="change(id名)"

Answer 2

rewrwer

Answer 3

好难懂