CSS 和 HTML:如何创建单击时展开的 DIV
CSS and HTML: How to create an Expanding DIV On Click?
我需要创建一个包含一些内容的 DIV(其中一些是隐藏的),当您单击它时,它会展开并显示其其余内容。
我找到了很多HOWTO,但使用jQuery。
我想要一个使用CSS和HTML的解决方案(Javascript也很好!
提前感谢!
<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
相关文章:
- 单击按钮时Div Increment
- 内容可编辑DIV单击/插入符号设置
- Div赢得't单击时显示
- 单击javascript按钮显示/隐藏Div元素
- 如何通过使用jQuery单击该DIV来获取children DIV类名
- Div在单击图像时未执行slideTogle()
- 单击按钮调整Div Width的大小
- 如果在Div元素外部单击,请关闭该元素
- 获取包含单击链接的DIV的文本
- 悬停/单击DIV列表
- 上次单击DIV永久颜色,由于某种原因不起作用
- 通过单击 DIV 内的按钮重新加载 DIV
- 单击DIV时,如何切换UL列表
- 单击DIV上的所有ID时如何显示最后一个ID
- 右键单击Div(信息框)是禁用的.如何启用它
- 当单击Div内的项目时,Div向上滑动
- 如何在用户单击DIV时复制onclick按钮结果?
- 关闭覆盖,除非if "special"使用jQuery/Javascript单击Div
- 单击DIV按钮上的事件
- 当单击DIV中的IFRAME时删除DIV元素