CSS和HTML：如何在點擊時創建展開式DIV？

Question

我需要創建一個包含一些內容的DIV（其中一些內容是隱藏的），當您單擊它時，它會展開並顯示其其余內容。

我找到了很多HOWTO，但使用jQuery...。

我想要一個使用CSS和HTML的解決方案（JavaScript也不錯！）

提前致謝！

Answer 1

<div id="sample"></div>

CSS

#sample {
    border: 1px solid black;
    height: 15px;
    padding: 12px;
    overflow: hidden;    
}

JavaScript的

document.getElementById("sample").onclick = function() {
    this.style.height = 'auto';
}

您可以使用一些jQuery的動畫div