教你html怎么实现展开收起功能

1、首先来说说需要的效果，就像大家平时上网看到的那样，需要点击展开就展开信息，点击收起就收起信息。

3、具体怎么实现呢？先在桌面上新建一个txt文件，文竭惮蚕斗件中写入如下代码：<scripttype="t髫潋啜缅ext/javascript">functionelementDisplay(objid){varobj=document.getElementById(objid);if(obj.style.visibility!='hidden'){obj.style.visibility='hidden';}else{obj.style.visibility='visible';}}</script><divonclick="elementDisplay('shishi')">你可以点击一下试试了</div><divid="shishi"style="background-color:#000000;width:100px;left:100px;height:100px;position:absolute;"></div>

5、然后随意取一个名字，保存后缀名为.html的文件，然后右键打开方式选择浏览器的方式打开

6、然后就可以点击文案“你可以点击一下试试了”查看具体实现的效果了。