首頁  >  效果  > slideToggle([s],[e],[fn])

返回值:jQuery slideToggle([speed],[easing],[fn])

概述

通過高度變化來切換所有匹配元素的可見性,並在切換完成後可選地觸發一個回撥函式。

這個動畫效果只調整元素的高度,可以使匹配的元素以「滑動」的方式隱藏或顯示。在jQuery 1.3中,上下的padding和margin也會有動畫,效果更流暢。

參數

speed[,fn] Number/String,Function V1.0

speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

fn :在動畫完成時執行的函式,每個元素執行一次。

[speed],[easing],[fn] Number/String,String,Function V1.4.3

speed :三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

easing :(Optional) 用來指定切換效果,預設是"swing",可用參數"linear"

fn :在動畫完成時執行的函式,每個元素執行一次。

示例

描述:

用600毫秒緩慢的將段落滑上或滑下

jQuery 程式碼:

$("p").slideToggle("slow");

描述:

用200毫秒快速將段落滑上或滑下,之後彈出一個對話方塊

jQuery 程式碼:

$("p").slideToggle("fast",function(){
   alert("Animation Done.");
 });