html代码隐藏点击后出现,**javascript-为什么点击后隐藏的div未出现，也未实现点击下面的内容上面的内容自动关闭？**...

想实现点击“点击1”、“点击2”、“点击3”时，其下方的隐藏div显现；此外，当点击“点击2”时，“点击1”下方的隐藏内容自动消失，以此类推。。

当前问题是点击后无反应，如图。图片描述

代码错在哪里？能提示下或者改下吗？？

谢谢！

代码如下：

测试点击下拉顺延

.show {

clear:both;

width:400px;

height:32px;

border:1px solid;

display:none

}

.block {

clear:both;

width:400px;

height:58px;

border:1px solid;

}

function pop(oDiv){

var a=['D1','D2''D3']

for (var i=0;i

{

if(oDiv==a[i]

{

var ob=document.getElementById(a[i]);

ob.style.display='block';

}

else

{

var ob=document.getElementById(a[i]);

ob.style.display='none'};

}

}

点击1

555

点击2

555

点击3

555