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

概述

用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

如果元素是可見的,切換爲隱藏的;如果元素是隱藏的,切換爲可見的。

參數

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

fn:第一數次點擊時要執行的函數。

fn2:第二數次點擊時要執行的函數。

fn3,fn4,...:更多次點擊時要執行的函數。

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

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值:slow,normal,fast。"

fn:在動畫完成時執行的函數,每個元素執行一次。

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

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值:slow,normal,fast。"

easing:(Optional) 用来指定切换效果,默认是"swing",可用參數"linear"

fn:在動畫完成時執行的函數,每個元素執行一次。

switch BooleanV1.3

用于确定显示/隐藏的开关。如:true - 显示元素,false - 隐藏元素

示例

无參數描述:

對表格切換顯示/隱藏

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

fn,fn2描述:

對表格的切換一個類

jQuery 代码:
$("td").toggle(

  function () {

    $(this).addClass("selected");

  },

  function () {

    $(this).removeClass("selected");

  }

);

speed 描述:

用600毫秒的時間將段落緩慢的切換顯示狀態

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

speed,fn 描述:

用200毫秒將段落迅速切換顯示狀態,之後彈出一個對話框。

jQuery 代码:
$("p").toggle("fast",function(){

   alert("Animation Done.");

 });

switch參數描述:

如果这个參數为true ,那么匹配的元素将显示;如果false ,元素是隐藏的

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



//相当于

if (showOrHide) {

  $('#foo').show();

} else {

  $('#foo').hide();

}