我对代码编写非常陌生,因此请原谅我的无知。我有一些简单的代码,我想在用户单击页面上的任何位置时关闭几个“ outerCircle” div的可见性。我已经尝试了几种方法,但是它没有用。如果有人提出建议,我将不胜感激。这是我到目前为止的内容:
<body onload = "startBlink()" onclick = "onOff()">
<p id = "title">Click anywhere to turn the outer circles on or off.</p>
<div class = "container" onclick = "onOff()">
<div class = "outerCircle" id = "outerLeftCircle">
<div class = "innerCircle" id = "innerLeftCircle">
</div>
</div>
<div class = "outerCircle" id = "outerRightCircle">
<div class = "innerCircle" id = "innerRightCircle">
</div>
</div>
</div><!-- Closes the container div -->
<script>
// This function blinks the innerCircle div //
function startBlink(){
var colors = ["white","black"];
var i = 0;
setInterval(function() {
$(".innerCircle").css("background-color", colors[i]);
i = (i+1)%colors.length;
}, 400);
}
// This function turns the outerCircle divs on or off //
function onOff() {
alert("Entering function now");
if (getElementById(".outerCircle").style.visibility = "visible") {
getElementById(".outerCircle").style.visibility = "hidden";
getElementById(".outerLeftCircle").style.visibility = "hidden";
getElementById(".outerRightCircle").style.visibility = "hidden";
} else {
getElementById(".outerCircle").style.visibility = "visible";
getElementById(".outerLeftCircle").style.visibility = "visible";
getElementById(".outerRightCircle").style.visibility = "visible";
}
}
</script>
最佳答案
简单。
function onOff(){
$('.outerCircle').toggle()
}
关于javascript - onClick()JavaScript可见性更改,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28664098/