閱讀(3k) 書簽贊(0) 我要糾錯

jQuery 效果 - slideToggle() 方法

2018-07-22 21:47 更新

實例

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

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

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

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

$(selector).slideToggle(speed,callback)

參數(shù)	描述
speed	可選。規(guī)定元素從隱藏到可見的速度（或者相反）。默認為 "normal"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在設置速度的情況下，元素在切換的過程中，會逐漸地改變其高度（這樣會創(chuàng)造滑動效果）。
callback	可選。toggle 函數(shù)執(zhí)行完之后，要執(zhí)行的函數(shù)。如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。除非設置了 speed 參數(shù)，否則不能設置該參數(shù)。

參數(shù)

描述

speed

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

可能的值：

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

callback

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

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

除非設置了 speed 參數(shù)，否則不能設置該參數(shù)。

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

以上內容是否對您有幫助：

寫筆記

我要補充