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

09-11 34阅读 0评论

默认隐藏部分内容,点击展开更多JS代码织梦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>


您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (暂无评论,34人围观)

还没有评论,来说两句吧...

取消
支付宝二维码
支付宝二维码
微信二维码