在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
</head>
<body>

<details id="myDetails">
<summary>版权 1999-2014.</summary>
<p> - 来自 Refsnes 数据。 保留所有权利。</p>
<p>本网站上的所有内容和图形是公司refsnes数据属性。</p>
</details>
<p>点击按钮来显示或隐藏描述信息。<b>注意：</b>您也可以点击文本“Copyright 1999-2014.”上的内容来切换隐藏与显示。</p>
<button onclick="openDetails()">显示描述信息</button>
<button onclick="closeDetails()">隐藏描述信息</button>
<script>
function openDetails(){
	document.getElementById("myDetails").open=true;
}
function closeDetails(){
	document.getElementById("myDetails").open=false;
}
</script>

</body>
</html>
源代码

动行结果
