我想做一个网页折叠代码,是普通都可以显示的比如说博客上在写文章时或者介绍什么东西时根据需要显示/隐藏

来源:百度知道 编辑:UC知道 时间:2024/05/28 08:40:49
介绍的内容,让内容更加的一目了然。我在网上找到了一个这样的代码:
<DIV class=block id=smallContent style="DISPLAY: block">
<P class=center>[<A onclick="document.getElementById('fullContent').style.display=(document.getElementById('fullContent').style.display=='none')?'':'none';document.getElementById('smallContent').style.display=(document.getElementById('smallContent').style.display=='none')?'':'none'" href="javascript:"> 显示/隐藏</A>]</P></DIV>
<DIV class=block id=fullContent style="DISPLAY: none">
<P class=center>[<A onclick="document.getElementById('fullContent').style.display=(document.getElementById('fullContent').style.display=='none')?'':'none';document.getElementById('smallContent').style.display=(document.getElementById('smallContent').style.display=='none'

首先你需要明白document.getElementById("id名")的意思

document.getElementById意思是通过id寻找到你所需要的元素,id是唯一的

如果你复制重新添加的话 就会造成id名重复,只会对第一个查找到的元素进行操作,所以不能实现打开隐藏的问题
-----
解决方式,你继续保留以上代码 。复制粘贴后,将 fullcontent 和 smallcontent 这两个字符串 更改为其他两个不同的id。
顺便提示你一下,下次请将你想要的结果描述出来,以便可以更好的解答。

试试把所有id改成class