jQuery 效果 - toggle() 方法

jQuery 效果參考手冊

實例

切換 <p> 元素的顯示與隱藏狀態：

$(".btn1").click(function(){
  $("p").hide();
});

親自試一試

定義和用法

toggle() 方法切換元素的可見狀態。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

語法

$(selector).toggle(speed,callback,switch)
參數 描述
speed

可選。規定元素從可見到隱藏的速度（或者相反）。默認為 "0"。

可能的值：

  • 毫秒 （比如 1500）
  • "slow"
  • "normal"
  • "fast"

在設置速度的情況下，元素從可見到隱藏的過程中，會逐漸地改變其高度、寬度、外邊距、內邊距和透明度。

如果設置此參數，則無法使用 switch 參數。
callback

可選。toggle 函數執行完之后，要執行的函數。

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

除非設置了 speed 參數，否則不能設置該參數。
switch

可選。布爾值。規定 toggle 是否隱藏或顯示所有被選元素。

  • True - 顯示所有元素
  • False - 隱藏所有元素

如果設置此參數，則無法使用 speed 和 callback 參數。

提示和注釋

注釋：該效果適用于通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。

更多實例

使用 speed 參數
使用 speed 參數來隱藏和顯示元素。
使用 switch 參數
使用 switch 參數來顯示所有隱藏的段落。

jQuery 效果參考手冊