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

 歡迎來到素材無憂網(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)文章
模板推薦