点击div另一个做出反应，在点击一次在做出反应，js

Question

<script type="text/javascript">
window.onload = function() {
var click_divs = document.getElementById("click_nav")
.getElementsByTagName("div");
var show_divs = document.getElementById("show_nav")
.getElementsByTagName("div");
for(var i = 0; i < click_divs.length; i++) {
!function(a) {
// 点击 #click div
click_divs[a].onclick = function() {
// #show div 全部隐藏
for(var x = 0; x < show_divs.length; x++) {
show_divs[x].style.display = "none";
}
};
}(i);
}
};
</script>
id="click_nav"的DIV点击后，id="show_nav"的DIV隐藏，怎样使 id="click_nav"的DIV 再点击一次id="show_nav"的DIV再显示，js。

Answer 1

通过document.getElementById只能获取第一个id为给定参数的节点，不会获取多个，所以你还得换个方式获取所有有需要的节点。

如果只是点击一次隐藏，再点击一次显示，参考以下代码：

for(var x = 0; x < show_divs.length; x++) {
    if(show_divs[x].style.display == 'none'){
        show_divs[x].style.display = 'display';
    }else{
        show_divs[x].style.display = 'none';
    }
}