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

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

jQuery slideToggle() 方法概述

通過(guò)高度變化來(lái)切換所有匹配元素的可見(jiàn)性,并在切換完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以“滑動(dòng)”的方式隱藏或顯示。在jQuery 1.3中,上下的padding和margin也會(huì)有動(dòng)畫,效果更流暢。

參數(shù)

speed[,fn]Number/String,FunctionV1.0

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫時(shí)長(zhǎng)的毫秒數(shù)值(如:1000)

fn:在動(dòng)畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。

[speed],[easing],[fn]Number/String,String,FunctionV1.4.3

speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫時(shí)長(zhǎng)的毫秒數(shù)值(如:1000)

easing:(Optional) 用來(lái)指定切換效果,默認(rèn)是"swing",可用參數(shù)"linear"

fn:在動(dòng)畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。

示例

描述:

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

jQuery 代碼:
$("p").slideToggle("slow");

描述:

用200毫秒快速將段落滑上或滑下,之后彈出一個(gè)對(duì)話框

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