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

• 
• 
• 

作者簡介

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

訪客留言

留下一些足跡證明你來拜訪過我

推薦閱讀

作者其他相關類別故事

使用dp.SyntaxHighlighter 程式碼色彩顯示工具，讓紀錄程式心得更有可看性

說好了要在innstory裡寫下故事紀錄... 所以是不是有方便紀錄的工具或方式，就變...

關於資安防護

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

使FCKeditor所上傳的圖檔檔名亂數化

編輯"../fckor/or/filemanager/connectors/...