javascript - 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