Loading...

jQuery效果滑動隱藏

Temperature: 0 °C

ChungChung
author_tools

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

雖說可以直接用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

https://innstory.com/story-jQuery效果滑動隱藏-533
寫程式筆記

Prev
 看似最短的距離往往遠的像在跑500障礙

Next
今晚適合小酌武侍酒日式串燒居酒屋 

Nearby Attractions

台北市內湖區江南街71巷75弄-Nearby Attractions

  • 婦聯總會 Go
  • 北投文物館 Go
  • 寶藏巖 Go
  • 臺北府城—東門、南門、小南門... Go
  • 臺大醫學院舊館 Go
  • 士林潘宅 Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

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

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

關掉phpinfo()

關掉phpinfo()

pexelsphotod 配置php環境的時候往往都會寫 phpinfo(); 這個函數來測試php...

校外教學(木柵動物園)

校外教學(木柵動物園)

期中考週的校外教學,來到了上回去不成的木柵動物園。 炎熱的天,帶著位小蘿蔔頭,一邊觀察一邊完成老師交...

圖文穿插效果

圖文穿插效果

寫故事還是得圖文穿插看起來方便些~ 其實一直都在找最適合寫故事的方式,一開始我把所有上傳照片都放在故...

Recommended reading

Other stories happened at this address

Is raining,funny duck family.

Is raining,fun...

Is raining,funny duck family.

5U要上學囉~

5U要上學囉~

U要上學囉~ 早上拿到書包就這樣背著一整天。 看起來是很開心,就是不知道等真正的那一天到來他會是甚麼...

聽說咬是愛的表現

聽說咬是愛的表現

s 這傢伙趁我不注意,把我的腳咬成這樣(╯з╰) s 結果好像還很委屈的哭泣~⊙⊙ 聽說咬是愛的表現...

淡紅色小藥丸

淡紅色小藥丸

s Drug Name Diclofenac mg tab 從沒想過,所謂的坐骨神經痛會發生在自己身...

櫻花樹下其實一點都不浪漫

櫻花樹下其實一點都不浪漫

a 以前,總覺得不管甚麼東西放在盛開的櫻花樹下,那種浪漫感覺是不可多得的時光。 自從車子停在浪漫的櫻...

字母疊疊樂

字母疊疊樂

經過了好幾次的失敗,最後終於把數字、字母疊成高樓。 說真的,我非常佩服Mandy的耐心,在U失敗鬧脾...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format