Skip to main content
 Web开发网 » 站长学院 » 织梦教程

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

2020年09月12日9210百度已收录

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


 

评论列表暂无评论
发表评论
微信