innstory

jQuery效果滑動隱藏

Temperature: 0 °C

2015-10-16 Chung

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

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

Photoshop 曲線文字建置

Photoshop一直都是很強悍的繪圖軟體。 裡頭的【鋼筆工具】，可以拉貝茲曲線的.....

Mysql 查詢時間區間是否包含特定日期

這其實只是一個簡單的問題，以前並不常用... 但這陣子寫的案子比較偏系統面，這樣的查詢...

黑客松Hackathon

這個星期六日要同朋友去參加一個聚會...黑客松Hackathon... 老實說我根本不...

Recommended reading

Other stories happened at this address

紀錄故事第一步得先加入這個系統-如何加入作者群?

login 首先，在首頁的上方靠右，如上圖所示，有一個文字連結叫做【登入...

不可思議的佩佩豬

pappy 因為U的關係，我認識了佩佩豬，而他可能是目前為止我認為最不可思議的卡通~ ...

When caterpillar grow up become butterfly

When caterpillar grow up become...

筋疲力盡

在洗澡間淋著浴，這是我稍稍可以喘息的時間。 腦袋裡閃過Men of Honor裡的台詞...

果然還是紅白機對了胃口~

果然還是紅白機對了胃口~...

九宮格介紹

相簿 紀錄故事所上傳的所有影像，以故事名稱作為相冊，依據年月在相簿裡呈現。 行事曆 紀...