默认隐藏部分内容,点击展开更多JS代码

!DOCTYPE HTML> <html> <head> <title> 测试 </title> <script type="text/javascript" src=http://www.dede58.com/"jquery-1.7.2.min.js"></script><!--js调用路径要本地,或者在js官网下载相应版本的即可--> </head> <body> <div>我是展示的第一部分 <div id = "showdiv" style="display:none;">我是隐藏的那部分</div> <a href="#" onclick="showHideCode()">查看更多</a> </div> </body> </html> js部分: <script type="text/javascript"> function showHideCode(){ $("#showdiv").toggle(); } </script>  

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/790dabbd65616e461d8a419a6206e729.html