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