我已經在CSS中隱藏了一些內容，但是當我單擊按鈕時我現在無法使其可見

Question

我對所有這些都很新，仍然在學習：s

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

.example {
 display: none;
}

我有一個按鈕，當我單擊該按鈕時，會使其他div變得不可見，並試圖使其顯示為.example。

我正在使用onClick函數...這是我設置其他div的地方...

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

我似乎無法弄清楚如何使另一個div現在可見？

Answer 1

將顯示設置為“阻止”或使用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> 

希望對您有所幫助，編碼愉快！ :)