返回值:jQuerytoggle([speed],[easing],[fn])
jQuery toggle() 方法 概述
用于綁定兩個(gè)或多個(gè)事件處理器函數,以響應被選元素的輪流的 click 事件。
如果元素是可見(jiàn)的,切換為隱藏的;如果元素是隱藏的,切換為可見(jiàn)的。
1.9版本 .toggle(function, function, … ) 方法刪除,jQuery Migrate(遷移)插件可以恢復此功能。
參數
fn,fn2,[fn3,fn4,...]Function,....V1.0 Removed 1.9
fn:第一數次點(diǎn)擊時(shí)要執行的函數。
fn2:第二數次點(diǎn)擊時(shí)要執行的函數。
fn3,fn4,...:更多次點(diǎn)擊時(shí)要執行的函數。
[speed] [,fn]String,FunctionV1.0
speed: 隱藏/顯示 效果的速度。默認是 "0"毫秒??赡艿闹担簊low,normal,fast。"
fn:在動(dòng)畫(huà)完成時(shí)執行的函數,每個(gè)元素執行一次。
[speed], [easing ], [fn ]String,String,FunctionV1.4.3
speed: 隱藏/顯示 效果的速度。默認是 "0"毫秒??赡艿闹担簊low,normal,fast。"
easing:(Optional) 用來(lái)指定切換效果,默認是"swing",可用參數"linear"
fn:在動(dòng)畫(huà)完成時(shí)執行的函數,每個(gè)元素執行一次。
switchBooleanV1.3
用于確定顯示/隱藏的開(kāi)關(guān)。如:true - 顯示元素,false - 隱藏元素
示例
無(wú)參數描述:
對表格切換顯示/隱藏
jQuery 代碼:
$('td).toggle();
fn,fn2描述: Removed 1.9
對表格的切換一個(gè)類(lèi)
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è)對話(huà)框。
jQuery 代碼:
$("p").toggle("fast",function(){
alert("Animation Done.");
});
switch參數描述:
如果這個(gè)參數為true ,那么匹配的元素將顯示;如果false ,元素是隱藏的
jQuery 代碼:
$('#foo').toggle(showOrHide); //相當于 if (showOrHide) { $('#foo').show(); } else { $('#foo').hide(); }