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

無障礙網頁accesskey

無障礙網頁accesskey...

accesskey 無障礙網頁導盲磚。 是為了要方便有需求的人,可利用鍵盤即可快速瀏覽網頁切換網頁位...

恭喜

恭喜

5U個性比較文靜對於一些活動並不會主動積極的參與。 這回,在Mandy的鼓勵下,他參加了班上的說故事...

關於資安防護

關於資安防護

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

Recommended reading

Other stories happened at this address

爸爸媽媽你看~rainbow

爸爸媽媽你看~rainbow...

看著U排著字母色筆,當然這已經不是他第一次排列。 我跟Mandy只是在旁回應著他的呼喚,爸爸你看、媽...

5G,5個月了

5G,5個月了

個月的G,口水疹是目前最頭痛的問題。 每每看著她紅紅的頸項,很不捨。 誰叫這傢伙玩口水玩出心得了,最...

整合Facebook粉絲專頁的即時訊息,Zotabox網站打造免費線上支援平台。

整合Facebook粉絲專頁...

還記得在msn的年代,msn有提供在網站上架構即時通訊功能,方便網站管理者與user直接交談~ 現在...

最遙遠的距離

最遙遠的距離

s 通訊軟體看似拉近了彼此的距離。 殊不知,心的距離才是最遙遠的。 已讀未回。

剪髮初體驗~

剪髮初體驗~

第天,剪髮初體驗~由阿婆親自操刀。 這傢伙很淡定啊,看來他根本不知道即將要發生什麼事。 果然,阿婆還...

日常

日常

s 一整天跟U鬥體力。 好不容易,等到Mandy下班,晚上也哄兒子睡了。 收拾了凌亂的現場,雖說每天...

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