织梦dedecms商业教程 默认隐藏部分内容,点击展开更多JS代码

织梦dedecms商业教程 默认隐藏部分内容,点击展开更多JS代码

学习教程tuzi2018-11-28 20:41:47A+A-

这个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>


点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。


本站所有资源展现图片仅供参考

资源爱好者 © 本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?aihao.org
关于我们|广告合作|网站地图|冀ICP备14009590号|冀公网安备 13018302000072号