如何根據用戶的請求顯示說明？

Question

我需要爲各種客戶端登錄時提供信息來構建配置文件。我將爲此使用HTML和Javascript。我想要的是一套簡潔的說明，後面跟着一個顯示更詳細說明的選項。如果客戶選擇查看更詳細的說明，則該字段（理想情況下）會展開以顯示更多內容。

是實現了類似的結果其他的想法，也歡迎，因爲評論認爲簡單地指出我在正確的方向。初步的研究對我來說並沒有太大的幫助。我想這主要是因爲成爲新手而不知道要尋找什麼。這是一個條件可見性問題，還是其他問題？

非常感謝任何幫助。

Answer 1

放置在一個單獨的容器元件隱藏內容以其顯示初始設置爲none。然後，將一個onclick處理程序添加到顯示內容的鏈接。該處理程序應將顯示值設置爲block或inline。這是一種做法（有很多）。設置你的HTML是這樣的：

<p> 
    [Instruction text here] 
    <a href="#" onclick="expandContent(this)">more ...</a><span class="more"> 
    [Additional content here]</span> 
</p> 

一些CSS最初隱藏額外內容：

.more 
{ 
    display: none; 
} 

創建expandContent()功能：

function expandContent(link) 
{ 
    link.nextSibling.style.display = "inline"; 
}