首頁  >  效果  > toggle([s],[e],[fn])

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

jQuery toggle() 方法 概述

用于綁定兩個或多個事件處理器函數(shù)，以響應(yīng)被選元素的輪流的 click 事件。

如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。

1.9版本 .toggle(function, function, … ) 方法刪除,jQuery Migrate（遷移）插件可以恢復(fù)此功能。

參數(shù)

fn,fn2,[fn3,fn4,...]Function,....V1.0 Removed 1.9

fn:第一數(shù)次點(diǎn)擊時要執(zhí)行的函數(shù)。

fn2:第二數(shù)次點(diǎn)擊時要執(zhí)行的函數(shù)。

fn3,fn4,...:更多次點(diǎn)擊時要執(zhí)行的函數(shù)。

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

speed: 隱藏/顯示 效果的速度。默認(rèn)是 "0"毫秒?？赡艿闹担簊low，normal，fast。"

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

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

speed: 隱藏/顯示 效果的速度。默認(rèn)是 "0"毫秒?？赡艿闹担簊low，normal，fast。"

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

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

switchBooleanV1.3

用于確定顯示/隱藏的開關(guān)。如：true - 顯示元素，false - 隱藏元素

示例

無參數(shù)描述:

對表格切換顯示/隱藏

jQuery 代碼:
$('td).toggle();

fn,fn2描述: Removed 1.9

對表格的切換一個類

jQuery 代碼:
$("td").toggle(
  function () {
    $(this).addClass("selected");
  },
  function () {
    $(this).removeClass("selected");
  }
);

speed 描述:

用600毫秒的時間將段落緩慢的切換顯示狀態(tài)

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

speed,fn 描述:

用200毫秒將段落迅速切換顯示狀態(tài)，之后彈出一個對話框。

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

switch參數(shù)描述:

如果這個參數(shù)為true ，那么匹配的元素將顯示;如果false ，元素是隱藏的

jQuery 代碼:
$('#foo').toggle(showOrHide);

//相當(dāng)于
if (showOrHide) {
  $('#foo').show();
} else {
  $('#foo').hide();
}