如何隱藏並顯示文本沒有javascript

Question

如何隱藏和顯示文本而不使用JavaScript？我知道使用JavaScript會容易得多，但在這種情況下，我不能。

我正在尋找這樣的事情：http://www.pmob.co.uk/temp/hideandshow3-css.htm

Answer 1

您可以在頁面上查看代碼，看看它是如何發生的：

ul.hshow li a:focus span, ul.hshow li a:active span { 
display:block; 
border:5px solid red; 
text-align:left; 
padding:5px; 
height:auto; 
overflow:visible; 
position:relative; 
left:auto 
} 

不過，我不建議這樣做，因爲它是幾乎是一堆CSS來做這樣的事情。 CSS應該用於設計您的元素以提供外觀和感覺;不是用於提供像javascript這樣的元素的行爲。

Answer 2

它使用a：active屬性來顯示這些文本。

基本上，您需要將您的內容放入您的鏈接中，當鏈接處於非活動狀態時將其隱藏起來，但請顯示它是否處於活動狀態。

問題是，點擊任何鏈接將隱藏當前顯示的內容，並且標籤鏈接將被計爲「點擊」。

使用它並不是一個好主意。使用：懸停會更好。

Answer 3

老實說，不知道爲什麼有些人想成爲代碼勢利，但你的方法沒有錯。我必須爲沒有啓用javascript的人編寫代碼，因此使用CSS是非常合理的......使用它的潛力並不是一種破解。

這裏是一個很好的文章做的正是你想要什麼：

http://www.cssportal.com/css3-preview/showing-and-hiding-content-with-pure-css3.htm

希望幫助別人！