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網路爬蟲之抓取meta value

PHP網路爬蟲之抓取meta...

最近在研究著如何抓取網頁中的meta值... php中的getmetatags函式可以抓取meta ...

在手機上如何建立網址到手機桌面中並且使用圖示

在手機上如何建立網址到手機桌...

上回做專案時,客戶說了手機桌面上的網站捷徑太醜,想要美化。 這回索性也幫Innstory美化一下,順...

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

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

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

Recommended reading

Other stories happened at this address

兒子,吃香蕉要剝皮好嗎⊙_⊙

兒子,吃香蕉要剝皮好嗎⊙_⊙...

兒子,吃香蕉要剝皮好嗎⊙⊙

Android Studio 2.3 陽春型計算機進階版

Android Studio...

andrio 將之前的陽春型計算機用了不怎麼聰明的方式改善了幾個地方。 首先,我將數字的宣告由int...

一聽到要帶他出門,馬上給了我一個笑得開懷的笑容~

一聽到要帶他出門,馬上給了我...

一聽到要帶他出門,馬上整裝完畢( ̄∇ ̄) 堅持穿上自己選擇的鞋子,還要自己穿。 堅持背上背包。 堅持...

PDO連接Mysql方式

PDO連接Mysql方式

pexelsphoto 最近因為源碼檢測的原因,才驚覺自己以前的系統撰寫的方式早已不再安全。 所以決...

5U日常

5U日常

img滿歲的U,喜歡把自己硬擠進小盒子裡。 他以為他是貓? img然後,他找到根香蕉。

還好我們生了兩個孩子

還好我們生了兩個孩子

我知道,照顧兩個孩子真的是讓人疲於奔命。 但看著他們成長的確也是讓人開心。 梧悠、梧綠,希望你們兩兄...

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