閱讀(11k) 書簽贊(2) 我要糾錯

jQuery toggle() 方法

2018-09-17 15:42 更新

實例

在所有 <p> 元素上進行隱藏和顯示之間的切換：

$("button").click(function(){
$("p").toggle();
});

toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。

該方法檢查被選元素的可見狀態(tài)。如果一個元素是隱藏的，則運行 show()，如果一個元素是可見的，則運行 hide() - 這會造成一種切換的效果。

注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。

提示：該方法可被用于自定義函數之間的切換。

$(selector).toggle(speed,easing,callback)

參數	描述
speed	可選。規(guī)定隱藏/顯示效果的速度。可能的值：毫秒 "slow" "fast"
easing	可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。可能的值： "swing" - 在開頭/結尾移動慢，在中間移動快 "linear" - 勻速移動提示：擴展插件中提供更多可用的 easing 函數。
callback	可選。toggle() 方法執(zhí)行完之后，要執(zhí)行的函數。如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。

參數

描述

speed

可選。規(guī)定隱藏/顯示效果的速度。

可能的值：

easing

可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。

可能的值：

提示：擴展插件中提供更多可用的 easing 函數。

callback

可選。toggle() 方法執(zhí)行完之后，要執(zhí)行的函數。

如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。