最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery點擊展示與隱藏更多內容

 更新時間:2016年12月03日 15:00:36   作者:靜深的成長筆記  
這篇文章主要為大家詳細介紹了jquery點擊展示與隱藏更多內容的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下

先上效果圖

點擊前

點擊后展開

html代碼

<div id="tips" class="center-block">
                <h5 class="tips_head">
                  <u>遇到問題?</u>
                </h5>
                <div class="tips_content">
                  <ol>
                    <li>Ctrl+F5刷新本頁面</li>
                    <li>關閉頁面,重新加載本頁面和登錄</li>
                    <li>更換瀏覽器(建議使用火狐和谷歌瀏覽器)</li>
                    <li>聯(lián)系我們 </li>
                  </ol>
                </div>
              </div>

jquery代碼

    $(function() { //遇到問題的彈出文字
      $("#tips h5.tips_head").bind("click", function() {
        var $tips_content = $(this).next("div.tips_content");
        if ($tips_content.is(":visible")) {
          $tips_content.hide();
        } else {
          $tips_content.show();
        }
      })
    })

css代碼

.tips_head { 
  padding-left:20px; 
  cursor: pointer ;
  text-align:left;
  margin-top:20px;
  color:red;}

.tips_content { 
  padding: ; 
  border-top: 1px solid #0050D0;
  display:block;
  display:none;
  text-indent: 2em;
  text-align:left; }

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

最新評論

开化县| 娄底市| 兴宁市| 衡南县| 兴海县| 丽水市| 渑池县| 滨州市| 贵定县| 麟游县| 彩票| 郑州市| 临安市| 灵石县| 布尔津县| 淮安市| 萝北县| 宁化县| 隆德县| 江安县| 沂水县| 涿州市| 凤翔县| 桓台县| 临西县| 泰宁县| 伊宁市| 南靖县| 富蕴县| 科技| 泌阳县| 寿宁县| 隆德县| 济阳县| 大竹县| 德钦县| 丰原市| 孝义市| 灵石县| 灵丘县| 通州区|