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 無障礙網頁導盲磚。 是為了要方便有需求的人,可利用鍵盤即可快速瀏覽網頁切換網頁位...

apache下設置不顯示目錄列表 Indexes FollowSymLinks

apache下設置不顯示目錄...

pexelsphoto5 選擇編輯httpd.conf文件 vi conf/httpd.conf 找...

解決手機瀏覽器上點擊輸入框放大問題

解決手機瀏覽器上點擊輸入框放...

開發RWD的網站已經是趨勢,主要也是因為手機用戶實在是太多 但在過程中一直有個問題困擾著我.... ...

Recommended reading

Other stories happened at this address

千呼萬喚屎出來

千呼萬喚屎出來

首先,請原諒我使用較生活化的詞彙。 說說照顧U這近年的時間的感想,我覺得最大的痛苦莫過於擔心他不進、...

apache下設置不顯示目錄列表 Indexes FollowSymLinks

apache下設置不顯示目錄...

pexelsphoto 選擇編輯httpd.conf文件 vi conf/httpd.conf 找到...

想念太陽的溫度

想念太陽的溫度

做我這個行業的最怕沒有想法、沒有靈感。 我這幾天反覆地在修改一個要給客戶DEMO的版型~ 光是顏色就...

今早我從睡夢中驚醒!!

今早我從睡夢中驚醒!!

s 說真~從睡夢中驚醒的例子太多了,但我從沒遇過今天早上的情形⊙⊙ U最近喜歡吃玉米,他可以雙手捧著...

全民當寫手,一起來腦力激盪一下吧!!

全民當寫手,一起來腦力激盪一...

index 世大運是完美落幕了,但國人的運動魂仍努力地攀爬著。 繼上次的體育運動知識王之後,這次再來...

夜深了,該是吃宵夜的時候了。

夜深了,該是吃宵夜的時候了。...

其實自從結婚後,我已經很久沒有吃宵夜的習慣了~ 照顧我同事照顧了一天,好不容易剛剛我同事被我老闆哄睡...

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