javascriptページの詳細情報の表示と非表示
655 ワード
ページの詳細情報の表示と非表示
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function show_detail(detail){
var p=document.getElementById('p');
if(detail.open){
p.style.visibility="hidden";
}else{
p.style.visibility="visible";
}
}
</script>
<details id="detail" onclick="show_detail(this)">
<summary> </summary>
<p id="p" style="visibility:hidden"> <mark> </mark> ， ， ，
</p>
</details>
</body>
</html>