织梦列表页默认隐藏部分内容,点击展开更多JS代码 时间:2019-01-01 00:00 来源: 点击:次 这个js适合列表页或首页模板,解决了页面过长,又有利于搜索引擎抓取足够多的内容。 html部分: !DOCTYPE HTML> <html> <head> <title> 测试 </title> <script type="text/javascript" src="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> (责任编辑:admin)