我已经在CSS中隐藏了一些内容，但是当我单击按钮时我现在无法使其可见

Question

I'm pretty new to all of this and still learning :s

So in my css, i've done this...

.example {
 display: none;
}

I have a button which when i click makes other divs invis as well as trying to make it so that .example will be visible.

I am using an onClick function...this is where I set the other div invis...

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

I can't seem to figure out how to make the other div visible now?

Answer 1

将显示设置为“阻止”或使用jQuery的show（）函数

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

Answer 2

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

Answer 3

Refer this:

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

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

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

Answer 4

Since you haven't posted much of your source code I have created a little demo to show you how to set the display for all elements using a class.

This doesn't require 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> 

I hope this helps, happy coding! :)