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

使用dp.SyntaxHighlighter 程式碼色彩顯示工具,讓紀錄程式心得更有可看性

使用dp.SyntaxHig...

說好了要在innstory裡寫下故事紀錄... 所以是不是有方便紀錄的工具或方式,就變成我在開發in...

關於資安防護

關於資安防護

一直以來我都不敢寫跟資安有關的文章..對我來說...資安一直是一個課題..XSS...CSRF......

如何使用javascript判斷身分證號跟居留證格式

如何使用javascript...

首先,我是把如何用javascript判斷字串中必須包含中英文的方式延伸~ 將每一個字轉換成 ASC...

Recommended reading

Other stories happened at this address

5U日常

5U日常

img滿歲的U,喜歡把自己硬擠進小盒子裡。 他以為他是貓? img然後,他找到根香蕉。

當兒子非常非常需要你的時候~

當兒子非常非常需要你的時候~...

當兒子非常非常需要你的時候~ 不得不我只好改變我的工作環境.........(╯з╰) s 硬生生的...

哈囉~明天見

哈囉~明天見

金針菇(學名:Flammulina velutipes)又名金菇、金菇菜、絨柄金錢菇,屬膨瑚菌科小火...

獨自一個人的2個星期,第2晚,手機上傳來兒子的新把戲。

獨自一個人的2個星期,第2晚...

一早醒來,發現床原來是這麼的大,而且我還睡在Mandy的位子上。 想想以往我都是睡在床邊上,現在床變...

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

querySelectorA...

a 範例,想將同一組ID的DIV做統一隱藏的動作 var elms = document.query...

想念太陽的溫度

想念太陽的溫度

做我這個行業的最怕沒有想法、沒有靈感。 我這幾天反覆地在修改一個要給客戶DEMO的版型~ 光是顏色就...

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