資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 11 年又 24 天

jQuery效果滑動隱藏

因為需要所以紀錄下來,主要是要透過點選按鈕將字串隱藏或顯示出來...

雖說可以直接用hide或是show就可以達到這樣的結果,但為了動作的漂亮點...

所以這次使用滑動的方式來達到結果。

內容頁
這是測試字串
<button id="btn1">隱藏</button>
<button id="btn2">顯示</button>

jquery部份
$(document).ready(function(){
  $("#btn1").click(function(){
  $("div").slideUp();
  });
  $("#btn2").click(function(){
  $("div").slideDown();
  });
});

當然...這需要先載入jquery....

台北市內湖區江南街71巷75弄 Go

  • 點選按鈕隱藏顯示字串
  • 使用滑動效果達成顯示
  • jQuery載入與使用技巧
  • 動作效果提升網頁美觀
  • 隱藏顯示功能的實作方法
https://innstory.com/story-jQuery效果滑動隱藏-533

上一篇
 看似最短的距離往往遠的像在跑500障礙

下一篇
今晚適合小酌武侍酒日式串燒居酒屋 

發表留言

作者簡介

我是chung,網路工作者

主業是網站系統開發建置
副業是做夢、紀錄故事
作品請參考:teme.biz
做夢請參考:innstory.com
聯絡:chung.teme@gmail.com

有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。


推薦閱讀

作者其他相關類別故事

querySelectorAll對多個相同ID做統一處理

querySelectorA…

Chung 9 年又 62 天 4.2K

範例,想將同一組ID的DIV做統一隱藏的動作 我知道使用重複ID並不好,但我目前就遇到這樣的情況...

第一場運動會

第一場運動會

Chung 3 年又 184 天 1.3K

多虧科技的蓬勃發展,在孩子們的成長過程,方便紀錄了許多第一次。 昨天是5U進入國小修練的第一場運動...

暑期課後班都在做些甚麼

暑期課後班都在做些甚麼

Chung 1 年又 98 天 522

這天,5U從學校帶回來一些精美的作品,這是他在暑期課後班學習到的藍晒圖作品。 多虧了他,我重新查詢...


推薦閱讀

這個地址也發生了其他故事

5U卡住記

5U卡住記

Chung 9 年又 223 天 2K

就說了到了愛鑽洞的年紀~ 那麼大的空間給他爬,就偏偏要鑽進椅子底下⊙⊙ 然後卡住出不來才在那邊叫...

屬於自己的片刻

屬於自己的片刻

Chung 9 年又 222 天 2.6K

外頭下著雨。 Mandy跟5U都已入睡~我卻捨不得入眠。 自從5U的到來,照顧著這傢伙,說真的幾...

這嘴巴看起來可以吊上一斤豬肉沒問題啊

這嘴巴看起來可以吊上一斤豬肉…

Chung 9 年又 217 天 3.4K

5U最近學會的新招式~ 這嘴巴真的嘟的好厲害啊,老實說看到他這樣的表情我真的是大笑。 可是呢,他...


附近景點

這個地址-台北市內湖區江南街71巷75弄-附近還有甚麼?

  • 士林公有市場
  • 永和網溪別墅
  • 福州街11號日式宿舍
  • 紫藤廬
  • 急公好義坊
  • 國立臺灣大學日式宿舍-青田街7巷2號