I'我在css中做了一些隐藏的东西，我可以'I don’我现在点击按钮时看不到它

I've made something hidden in css, i can't make it visible now when I click a button

本文关键字：don 按钮 看不到 我可以 css 我在 隐藏      更新时间：2023-09-26

我对这一切都很陌生，仍在学习：s

所以在我的css中，我已经完成了。。。

.example {
 display: none;
}

我有一个按钮，当我点击时，它会使其他div可见，并试图使其可见。

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

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

我现在似乎不知道如何使另一个div可见？

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

将显示设置为"block"或使用jQuery的show（）函数

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

请参阅：

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

Fiddle：http://jsfiddle.net/981oek8z/

由于您还没有发布太多源代码，我创建了一个小演示，向您展示如何使用类设置所有元素的显示。

这不需要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>

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

相关文章：