slideDown([speed],[easing],[fn])

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

概述

通過高度變化（向下增大）來動(dòng)態(tài)地顯示所有匹配的元素，在顯示完成后可選地觸發(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í)長的毫秒數(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í)長的毫秒數(shù)值(如：1000)

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

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

示例

描述:

以滑動(dòng)方式顯示隱藏的

元素：

jQuery 代碼:

$(".btn2").click(function(){
  $("p").slideDown();
});

描述:

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

jQuery 代碼:

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

描述:

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

jQuery 代碼:

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