收藏本站帮助飘仙建站网侵权投诉

切换到宽版

飘仙建站论坛»论坛 › 源码cms建站学习交流区 › 资讯源码:织梦cms建站 › 默认隐藏部分内容,点击展开更多JS代码

返回列表发新帖

查看: 1091|回复: 0

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

发表于 2018-7-19 20:29:37 | 显示全部楼层 |阅读模式来自中国–河南–新乡

这个js适合列表页或首页模板，解决了页面过长，又有利于搜索引擎抓取足够多的内容。
html部分：

!DOCTYPE HTML>
<html>
<head>
<title> 测试 </title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</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>

复制代码

首页, qq评论怎么展开

发帖求助前要善用【论坛搜索】功能，那里可能会有你要找的答案；

如何回报帮助你解决问题的坛友，好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分，做一个热心并受欢迎的人！

回复

使用道具举报

返回列表发新帖

站长推荐 /1

|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2025-4-8 06:47 , Processed in 0.045227 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表