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

利用 css 讓 ul 置中呈現

利用 css 讓 ul 置中...

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

如何用javascript判斷字串中必須包含中英文

如何用javascript判...

字串拆開逐字檢查方式~ 首先將每一個字轉換成 ASCII 碼。 在使用for迴圈去檢查每個字是不是在...

ajax防止重複提交

ajax防止重複提交

會發生重提交的原因,大致上是因為考驗人與系統間的耐性~ AJAX(非同步的JavaScript與XM...

Recommended reading

Other stories happened at this address

一碗麵,簡簡單單的午餐、簡簡單單的滿足。

一碗麵,簡簡單單的午餐、簡簡...

塊錢的豆芽、塊錢的韭菜、塊錢的青江菜、塊錢的香菜、塊的細黃麵。 加上紅蔥頭肉燥、一點黑醋,攪拌一起。...

明天是5U第一天上學,不知道會是個什麼樣的情況...

明天是5U第一天上學,不知道...

明天是U第一天上學,不知道會是個什麼樣的情況...

元宵節快樂

元宵節快樂

元宵節快樂

火材盒小汽車之滿滿的父愛~

火材盒小汽車之滿滿的父愛~

s 自有集點活動以來~我從沒過也沒想過會有認真收集點數的一天。 以前都是直接拿了商品然後退回點數。 ...

街角豆漿店的日常

街角豆漿店的日常

每天,我總會先出門到街角豆漿店吃個早餐,趁著Mandy跟U還在夢鄉~ 一個人,喝著咖啡吃著早餐,浪費...

數字是不是真的會說話?

數字是不是真的會說話?

以前,在寫下第個網站的那時,我其實非常迷戀數字。 每次看著計數器上數字的跳動,我知道那跳動的不只是數...

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