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

softyun3年前cms教程113

 织梦dedecms这个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>  
以上内容仅供大家学习参考!

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

如何让你的文字在网页中动起来!

事情是这样的,在做模板的时候,当时需要做一个文字向上滚动的效果,当时的第一反应就是js控制来实现。为了节约时间,本能的就在百度上开始搜索,很快就搜索几个答案来,于是找来一段最简洁的代码来套用。很快这个...

dedecms个人空间默认的个人书签删除方法

dedecms个人空间默认的个人书签删除方法织梦dedecms 默认模板的个人空间左下角“个人书签”区,有一个默认的DEDE官方书签。想删除掉,可以进行一下操作:找到根目录下“member/reg_n...

织梦实现分类搜索内容的功能(下拉搜索)

我们都知道在使用织梦dedecms二次开发的时候,搜索只有标题搜索和模糊搜索,那么怎样才能实现按照栏目进行分类搜索呢?我们想搜哪个栏目下的就搜哪个栏目下的数据。其实很简单下面就是操作代码,替换掉原来的...

关于时区和更新列表无法生成最后一页的解决方法

关于时区和更新列表无法生成最后一页的解决方法关于UTF8版本安装后后台显示空白的用户请重新下载最新版本进行安装时区不正常 从其他版本升级到5.1的朋友可能会遇到时区不正常的问题 通常是文档的发布时间多...

DedeCms开启多站点支持的简明教程

这里假设条件为:E:\web 为 2500875E:\WEB\test 为 test.2500875开启多站点支持参数建顶级栏目建顶级栏目建子栏目:由于3.1版增加了{cmspath}这变...

织梦DEDECMS会员提示“数据校验不对,程序返回”问题的解决

如果本文介绍的“织梦DEDECMS会员中心"数据校验不对,程序返回"错误修改方法”对您有帮助,记得文末点赞哦!在会员中心发布商品或分类信息时时,直接报错:数据校验不对,程序返回 内容来自原因:memb...