jQuery 效果 - slideToggle() 方法

jQuery 效果參考手冊

實例

通過使用滑動效果，在顯示和隱藏狀態之間切換 <p> 元素：

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

親自試一試

定義和用法

slideToggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態。

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

語法

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

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

可能的值：

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

在設置速度的情況下，元素在切換的過程中，會逐漸地改變其高度（這樣會創造滑動效果）。
callback

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

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

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

提示和注釋

提示：如果元素已經隱藏，則該效果不產生任何變化，除非規定了 callback 函數。

更多實例

使用 speed 參數
使用 speed 參數來切換上下滑動地顯示和隱藏元素。

jQuery 效果參考手冊