使div不可見，並點擊鏈接後，使其可見

Question

我有兩個不同的div我想使其中一個不可見，點擊鏈接或按鈕後，我希望它是可見的，另一個不可見。我不知道JavaScript，所以我只知道HTML和CSS。我可以這樣做，只使用HTML & CSS，我該怎麼做？謝謝。

Answer 1

您需要爲此使用jQuery。 只是這行添加到您的head標籤：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"> 

如果你的HTML是這樣的：

<div id="div1">This is div1</div> 
<div id="div2">This is div2</div> 
<button id="button1">Toggle divs</button> 

CSS：

#div2 { 
    display:none; 
} 

在你的頁面的底部，就在結束標記</body>添加以下JavaScript：

<script> 
    $("#button1").on("click", function() { 
     $("#div1, #div2").toggle(); 
    } 
</script> 

下面是一個類似的例子鏈接：

http://api.jquery.com/toggle/#entry-examples