jQuery 效果 - slideDown() 方法

jQuery 效果參考手冊

實例

以滑動方式顯示隱藏的 <p> 元素：

$(".btn2").click(function(){
  $("p").slideDown();
});

親自試一試

定義和用法

slideDown() 方法通過使用滑動效果，顯示隱藏的被選元素。

語法

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

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

可能的值：

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

在設置速度的情況下，元素從隱藏到可見的過程中，會逐漸地改變其高度。
callback

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

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

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

提示和注釋

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

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

更多實例

使用 speed 參數
使用 speed 參數來隱藏和顯示元素。

jQuery 效果參考手冊