欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery點擊展示與隱藏更多內(nèi)容

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

先上效果圖

點擊前

點擊后展開

html代碼

<div id="tips" class="center-block">
                <h5 class="tips_head">
                  <u>遇到問題？</u>
                </h5>
                <div class="tips_content">
                  <ol>
                    <li>Ctrl+F5刷新本頁面</li>
                    <li>關(guān)閉頁面，重新加載本頁面和登錄</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; }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論