jQuery效果滑動隱藏

Temperature: 0 °C

JuilinChungJuilinChung
因為需要所以紀錄下來,主要是要透過點選按鈕將字串隱藏或顯示出來...

雖說可以直接用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

作者簡介

JuilinChung

我是chung

網路工作者

主業是網站系統開發建置

副業是做夢,寫故事

作品請參考 / teme.biz

做夢請參考 / innstory.com

聯絡 / chung.teme@gmail.com

訪客留言

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

推薦閱讀

作者其他相關類別故事

querySelectorAll對多個相同ID做統一處理

querySelectorAll對多個相同ID做統一處理

a 範例,想將同一組ID的DIV做統一隱藏的動作 var elms =...

HTML5 Geolocation

HTML5 Geolocation

說真的,HTML Geolocation的功能真的好用... 輕鬆就可以讓網站也能取得...

使用jquery animate達到動態效果

使用jquery animate達到動態效果

首先..雖然在寫系統時常常會用到jquery 但我並沒有針對他的指令有做太深入的研究....

請選擇選項

執行錯誤

Hi,謝謝你的參與,但無法重複投票哦~