jQuery 效果 - slideDown() 方法

實例

以滑動方式顯示隱藏的 <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 參數來隱藏和顯示元素。