返回值:jQuerytoggle([speed],[easing],[fn])
概述
用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
如果元素是可見(jiàn)的,切換為隱藏的;如果元素是隱藏的,切換為可見(jiàn)的。
參數(shù)
fn,fn2,[fn3,fn4,...]Function,....V1.0
fn:第一數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
fn2:第二數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
fn3,fn4,...:更多次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
[speed] [,fn]String,FunctionV1.0
speed: 隱藏/顯示 效果的速度。默認(rèn)是 "0"毫秒?赡艿闹担簊low,normal,fast。"
fn:在動(dòng)畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。
[speed], [easing ], [fn ] String,String,FunctionV1.4.3
speed: 隱藏/顯示 效果的速度。默認(rèn)是 "0"毫秒。可能的值:slow,normal,fast。"
easing:(Optional) 用來(lái)指定切換效果,默認(rèn)是"swing",可用參數(shù)"linear"
fn:在動(dòng)畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。
switch BooleanV1.3
用于確定顯示/隱藏的開(kāi)關(guān)。如:true - 顯示元素,false - 隱藏元素
示例
無(wú)參數(shù)描述:
對(duì)表格切換顯示/隱藏
jQuery 代碼:
$('td).toggle();
fn,fn2描述:
對(duì)表格的切換一個(gè)類
jQuery 代碼:
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);
speed 描述:
用600毫秒的時(shí)間將段落緩慢的切換顯示狀態(tài)
jQuery 代碼:
$("p").toggle("slow");
speed,fn 描述:
用200毫秒將段落迅速切換顯示狀態(tài),之后彈出一個(gè)對(duì)話框。
jQuery 代碼:
$("p").toggle("fast",function(){
alert("Animation Done.");
});
switch參數(shù)描述:
如果這個(gè)參數(shù)為true ,那么匹配的元素將顯示;如果false ,元素是隱藏的
jQuery 代碼:
$('#foo').toggle(showOrHide); //相當(dāng)于 if (showOrHide) { $('#foo').show(); } else { $('#foo').hide(); }