小弟我第一次点击标题一关闭内容一,然后第二次点击标题二,却发现关闭不了内容二,求各位哥们或者姐们,帮个忙。多谢

我第一次点击标题一关闭内容一,然后第二次点击标题二,却发现关闭不了内容二,求各位哥们或者姐们,帮个忙。。谢谢
小弟我第一次点击标题一关闭内容一,然后第二次点击标题二,却发现关闭不了内容二,求各位哥们或者姐们,帮个忙。多谢
------解决方案--------------------
window.onload = function(){
var box = document.getElementById('box'),
h3s = box.getElementsByTagName('h3'),
divs = box.getElementsByTagName('div');
for(var i=0;i<h3s.length;i++){
(function(){
var j = i;
h3s[i].onclick = function(){
toggle(divs[j]);
}
})()
}
function toggle(e){
e.style.display=="none" ? e.style.display="block" : e.style.display ="none";
}
}

------解决方案--------------------
发代码,也好过截图呀。


<h3>一</h3> 
<div>111</div> 
<h3>二</h3> 
<div>222</div> 
<h3>三</h3> 
<div>333</div>
<script>
var aH3 = document.getElementsByTagName("h3");
for(var i=0; i<aH3.length; i++){
aH3[i].onclick = function(){
this.nextSibling.nextSibling.style.display = (this.nextSibling.nextSibling.style.display && this.nextSibling.nextSibling.style.display=="none")?"block":"none";
}
}
</script>