我做了一些隱藏在CSS，我不能讓它現在可見當我點擊一個按鈕

我很新的這一切，並仍然在學習：■我做了一些隱藏在CSS，我不能讓它現在可見當我點擊一個按鈕

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

.example { 
display: none; 
}

我有一個按鈕，當我點擊使其他的div invis以及試圖讓這個。實例可見。

我使用一個onClick功能......這是我設置的其他分區invis ...

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

我似乎無法弄清楚如何使其他分區可見現在呢？

來源

2015-02-11 Br00dl0rd

請包括您使用的所有HTML，CSS和JavaScript，以便我們可以重現錯誤。 – TylerH 2015-02-11 14:47:48

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

來源

2015-02-11 14:47:31

或設置爲「內聯」，取決於佈局... – BlueDeath 2015-02-11 14:49:47

非常感謝！ :)它現在的作品：D – Br00dl0rd 2015-02-11 14:59:45

設置爲「塊」或使用jQuery的顯示（）函數顯示

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

來源

2015-02-11 14:47:30

如果jQuery，那麼只需$（'。example'）。show（）; – BlueDeath 2015-02-11 14:49:03

@BlueDeath耶，有道理。改變。 – 2015-02-11 14:51:02

參見本：

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

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

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

來源

2015-02-11 14:53:22 rJ7

既然你有沒有發佈了大部分源代碼我創建了一個小演示，向您展示如何爲使用類的所有元素設置顯示。

這並不需要jQuery的

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

.example{display:none;}

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

我希望這有助於編碼快樂！ :)

來源

2015-02-11 14:56:45 NewToJS

我做了一些隱藏在CSS，我不能讓它現在可見當我點擊一個按鈕

回答

相關問題