本文提供了一个使用HTML的details和summary标签制作的交互式内容示例，通过点击summary标签可以展示或隐藏与之关联的段落内容。
<!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>元素伸缩或显示
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
