为什么Dreamweaver不显示预想的内容

晓灬朋友 2017-09-05 10:02:10

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>details元素示例</title>
</head>
<script>
function detail_ontoggle(detail){
var p=document.getElementByID('p');
if(detail.open)
p.style.visibility="visible";
else
p.style.visibility="hidden";
}
</script>
<details id="detail1" on toggle="detail_ontoggle(this)" style="cursor:pointer">
<summary>
精武风云
<summary>
<p id="p" style="visibility : hidden"/>
.....
</p>
</details>

...全文

345 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

penny_1993 2017-09-12

打赏
举报

不用加js，直接details加summary标签就能实现你想要的效果了http://www.w3school.com.cn/html5/html5_summary.asp

晓灬朋友 2017-09-12

打赏
举报

。。。。。0

晓灬朋友 2017-09-10

打赏
举报

引用 5 楼 usecf 的回复:

你有没给文字标签加点击事件

咋改啊~~

usecf 2017-09-09

打赏
举报

你有没给文字标签加点击事件

晓灬朋友 2017-09-08

打赏
举报

引用 2 楼 usecf 的回复:

[quote=引用楼主 qq_37427803 的回复:] <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>details元素示例</title> </head> <script> function detail_ontoggle(detail){ var p=document.getElementByID('p'); if(detail.open) p.style.visibility="visible"; else p.style.visibility="hidden"; } </script> <details id="detail1" on toggle="detail_ontoggle(this)" style="cursor:pointer"> <summary> 精武风云 <summary> <p id="p" style="visibility : hidden"/> ..... </p> </details>

楼上说的很对，再告诉你个方法你也可以通过浏览器右上角看是不是有红色的叉那就表示有错误，按键盘F12去看具体错误是什么[/quote] 我想再问下~~单击内容文字为什么展不开？谢谢啊

晓灬朋友 2017-09-06

打赏
举报

谢了，明白了。

usecf 2017-09-06

打赏
举报

引用楼主 qq_37427803 的回复:

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>details元素示例</title> </head> <script> function detail_ontoggle(detail){ var p=document.getElementByID('p'); if(detail.open) p.style.visibility="visible"; else p.style.visibility="hidden"; } </script> <details id="detail1" on toggle="detail_ontoggle(this)" style="cursor:pointer"> <summary> 精武风云 <summary> <p id="p" style="visibility : hidden"/> ..... </p> </details>

楼上说的很对，再告诉你个方法你也可以通过浏览器右上角看是不是有红色的叉那就表示有错误，按键盘F12去看具体错误是什么