details——内容可伸缩的标签
2016-06-06 12:03
477 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<details id="details" onclick="onc(this)">
<summary>我爱我家</summary>
<P style="display: none;" id="p">超级好看的温情的哭戏，你准备和我一起哭了吗？</P>
</details>
</body>
<script>
function onc(details){
var p=document.getElementById("p");
if(details.open){
p.style.display="none";
}else{
p.style.display="block";
}
}
</script>
</html>点击summary标签，可将<p>元素伸缩或显示
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Qemu下安装Sun Solairs8简明教程 转
- 深度学习FPGA实现基础知识2(深度揭秘百度大脑AI专有芯片 缘何用FPGA而非GPU？)
- 论文笔记《Learning Multi-Domain Convolutional Neural Networks for Visual Tracking》
- androlyze 出现trait config相关的错误解决方法
- RAII&智能指针
- IBM AIX系统日志配置远程Syslog采集
- ambari-server start WARNING: setpgid(39015, 0) failed - [Errno 13] Permission denied
- argc和argv在main函数中的应用，及unistd.h
- email——input新类型，自动检测邮箱格式
- 匿名类，迭代器，WindowAdapter，Point，MouseAdapter，paint
- Aizu 2170 Marked Ancestor
- Hadoop YARN配置参数剖析(4)—Fair Scheduler相关参数
- 配置Scala环境出现：找不到或无法加载主类 scala.tools.nsc.MainGenericRunner
- POJ-3007 Organize Your Train part II （字符串hash）
- 【leetcode】217. Contains Duplicate
- Yarn公平调度器之DRF算法
- 函数 void main 与 int main 的区别
- Servlet_Filter(过滤器)及FilterChain的使用详解
- 使用wait方法和notify方法用于线程间通信的正确姿势
- 70. Climbing Stairs