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

戶外教學到板橋派出所,當一日小警察。

戶外教學到板橋派出所,當一日...

差婆來了。

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

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

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

利用 css 讓 ul 置中呈現

利用 css 讓 ul 置中...

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

Recommended reading

Other stories happened at this address

SSL憑證

SSL憑證

pexelsphotossl 終於~為innstory申請了SSL安全憑證。 安裝的過程中出了點狀況...

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@

鄰居種植的鬼椒,據說很辣,歡...

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@

結婚4週年快樂

結婚4週年快樂

四年囉~明天月日是我們結婚整年...... 這一切感覺是那麼的奇妙,在網路上認識.... 第一次,妳...

拼圖時間

拼圖時間

父子時間。 發現原來玩拼圖也可以教母語,我一邊拚著一邊用客家話要U去找同顏色的拼圖。 這傢伙就一直檢...

你真會挑尷尬的時間點~

你真會挑尷尬的時間點~

嗯,U大便了,而且很臭。 只是現在時間,Mandy快下班了。 我到底要現在幫他清洗呢? 還是裝不知道...

鍾5U你欠我一份大腸包小腸(╥﹏╥)

鍾5U你欠我一份大腸包小腸(...

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