我用 <div id="first" class="source">
设置了一堆项目
我在 Google Chrome 中,当页面加载时,它会隐藏这些项目,当我单击 OnClick 按钮时,它会取消隐藏它们,但我无法再次单击它并使其隐藏。
HTML
<body onload="setup();">
<a href="#first" onClick="shoh('first');" >
JS:
function setup() {
foo = document.getElementById('first');
foo = document.getElementsByClassName('source');
for (c=0; c<foo.length; c++) {
foo[c].style.display='none'
}
}
function shoh(id) {
if (document.getElementById(id).style.display = 'none'){
var divs = document.getElementById(id);
for(var i=0; i<divs.length; i++) {
divs[i].style.display='block'
}
} else {
cow = document.getElementById(id);
for(a=0; a<cow.length; a++) {
cow[a].style.display='none'
}
}
}
最佳答案
您的条件没有进行比较。你需要改变
if (document.getElementById(id).style.display = 'none'){
至
if (document.getElementById(id).style.display == 'none'){
关于php - javascript改变显示样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15823102/