Question

我对这一切都很陌生并且还在学习：s

所以在我的CSS中，我已经做到了......

.example {
 display: none;
}

我有一个按钮，当我点击时会使其他div成为invis，并尝试使其成为.example将可见。

我正在使用onClick函数......这是我设置其他div invis的地方......

document.getElementById("thisdiv").style.display = "none";

我似乎无法弄明白如何让其他div现在可见？

Answer 1

将显示设置为＆＃34; block＆＃34;或者使用jQuery的show（）函数

$('.example').show();

Answer 2

document.getElementById("thisdiv").style.display = "block";

Answer 3

参考：

$("#show").click(function(){
    $(".example").css({"display":"block"});     
});

$("#hide").click(function(){
    $(".example").css({"display":"none"});           
});

小提琴：http://jsfiddle.net/981oek8z/

Answer 4

由于您尚未发布大量源代码，因此我创建了一个小型演示，向您展示如何使用类设置所有元素的显示。

这不需要jQuery

function showclass(){
	document.getElementById('thisdiv').style.display="none";
	var examples=document.getElementsByClassName('example');
	for(var i=0; i<examples.length; i++){
		examples[i].style.display="block";
	}
}

.example{display:none;}

	<button onclick="showclass()">Show example Class</button>
<div id="thisdiv"> This Div will disappear </div>	
<div class="example">Example Div One</div>
<div class="example">Example Div Two</div>
<div class="example">Example Div Three</div>

我希望这有帮助，快乐编码！：）

我已经在css中隐藏了一些东西，当我点击一个按钮时，我现在无法看到它

4 个答案: