返回值:jQueryslideToggle([speed],[easing],[fn])
jQuery slideToggle() 方法概述
通過(guò)高度變化來(lái)切換所有匹配元素的可見(jiàn)性,并在切換完成后可選地觸發(fā)一個(gè)回調函數。
這個(gè)動(dòng)畫(huà)效果只調整元素的高度,可以使匹配的元素以“滑動(dòng)”的方式隱藏或顯示。在jQuery 1.3中,上下的padding和margin也會(huì )有動(dòng)畫(huà),效果更流暢。
參數
speed[,fn]Number/String,FunctionV1.0
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(cháng)的毫秒數值(如:1000)
fn:在動(dòng)畫(huà)完成時(shí)執行的函數,每個(gè)元素執行一次。
[speed],[easing],[fn]Number/String,String,FunctionV1.4.3
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(cháng)的毫秒數值(如:1000)
easing:(Optional) 用來(lái)指定切換效果,默認是"swing",可用參數"linear"
fn:在動(dòng)畫(huà)完成時(shí)執行的函數,每個(gè)元素執行一次。
示例
描述:
用600毫秒緩慢的將段落滑上或滑下
jQuery 代碼:
$("p").slideToggle("slow");
描述:
用200毫秒快速將段落滑上或滑下,之后彈出一個(gè)對話(huà)框
jQuery 代碼:
$("p").slideToggle("fast",function(){
alert("Animation Done.");
});