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

圖型插件Elastislide

圖型插件Elastislid...

teach Elastislide是一款好用的圖形插件......

臺北典藏植物園

臺北典藏植物園

5年寒假前,綠的學校安排了戶外教學,地點臺北典藏植物園。 和同學們一起搭了火車,搭了公車,走路,最後...

動態留言功能調整

動態留言功能調整

guestmap55 最近改進了朋友動態的發文方式.... 一開始在功能方面加上了googlemap...

Recommended reading

Other stories happened at this address

When caterpillar grow up become butterfly

When caterpill...

When caterpillar grow up become butterfly

在手機上如何建立網址到手機桌面中並且使用圖示

在手機上如何建立網址到手機桌...

上回做專案時,客戶說了手機桌面上的網站捷徑太醜,想要美化。 這回索性也幫Innstory美化一下,順...

5G二個月了

5G二個月了

G二個月了,這表示離開月子中心這舒適圈已經近一個月了。 比起在月子中心,每天的奶量少了百多,果然是不...

這幾天,有點閒~

這幾天,有點閒~

這幾天有點閒~除了明天得去一趟高雄出差外....好像也沒什麼特別要忙的... 因為說好了,到農曆新年...

火材盒小汽車之滿滿的父愛~

火材盒小汽車之滿滿的父愛~

s 自有集點活動以來~我從沒過也沒想過會有認真收集點數的一天。 以前都是直接拿了商品然後退回點數。 ...

一碗麵,簡簡單單的午餐、簡簡單單的滿足。

一碗麵,簡簡單單的午餐、簡簡...

塊錢的豆芽、塊錢的韭菜、塊錢的青江菜、塊錢的香菜、塊的細黃麵。 加上紅蔥頭肉燥、一點黑醋,攪拌一起。...

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