花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

默認(rèn)隱藏部分內(nèi)容,點(diǎn)擊展開更多JS代碼

時(shí)間： 2019-05-13 10:27 閱讀： 次 作者：素材無憂網(wǎng)

默認(rèn)隱藏點(diǎn)擊展開js效果

       這個(gè)js適合列表頁或首頁模板，解決了頁面過長，又有利于搜索引擎抓取足夠多的內(nèi)容。

html部分：

!DOCTYPE HTML>
<html>
 <head>
     <title> 測(cè)試 </title>
       <script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js調(diào)用路徑要本地，或者在js官網(wǎng)下載相應(yīng)版本的即可-->
 </head>
   <body>
       <p>我是展示的第一部分
          <p id = "showp" style="display:none;">我是隱藏的那部分</p>
          <a href="#" onclick="showHideCode()">查看更多</a>
       </p>
   </body>
</html>

js部分：

<script type="text/javascript">
         function showHideCode(){
            $("#showp").toggle();
         }
</script>


版權(quán)聲明： 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布，如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系，我們將在24小時(shí)內(nèi)刪除！謝謝！

轉(zhuǎn)載請(qǐng)注明： 默認(rèn)隱藏部分內(nèi)容,點(diǎn)擊展開更多JS代碼

相關(guān)文章
模板推薦