Loading...

jQuery效果滑動隱藏

Temperature: 0 °C

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

雖說可以直接用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
  • 國立臺灣大學日式宿舍-溫州街22 ... 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

利用 css 讓 ul 置中呈現

利用 css 讓 ul 置中呈現

以前寫網站...總是喜歡用Table 包住內容.. 而隨著時空的轉換...現在大都用...

PHP取得檔案路徑及檔案名稱

PHP取得檔案路徑及檔案名稱

例如我有一支檔案是放在根目錄下的demo資料夾中,檔案名稱為test.php 、首先取...

動態留言功能調整

動態留言功能調整

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

Recommended reading

Other stories happened at this address

5G滿三個月

5G滿三個月

G滿三個月了。 最近有一點咳嗽,看來還是加入了我們是一家人的行列(╯з╰) 奶量非常難...

這幾天,有點閒~

這幾天,有點閒~

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

舒服了~

舒服了~

舒服了~...

淡紅色小藥丸

淡紅色小藥丸

s Drug Name Diclofenac mg tab 從沒想過,所謂的坐骨神經痛...

下一站,父親。

下一站,父親。

i 我無法掩飾我內心的喜悅... 為了等待你的到來,我跟你媽媽也歷經了數個年頭的等待、...

小黃瓜拌炒豬肉片佐高粱

小黃瓜拌炒豬肉片佐高粱

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