jQuery slideToggle() 方法
示例
切換所有 <p> 元素的 slideUp() 和 slideDown() 效果
$("button").click(function(){
$("p").slideToggle();
});
自己動手試一試 »
定義和用法
slideToggle() 方法在選定元素之間切換 slideUp() 和 slideDown()。
此方法會檢查選定元素的可見性。如果元素隱藏,則執行 slideDown()。如果元素可見,則執行 slideUp() - 這會建立切換效果。
語法
$(selector).slideToggle(speed,easing,callback)
引數 | 描述 |
---|---|
speed | 可選。指定滑入效果的速度。預設值為 400 毫秒 可能的值
|
easing | 可選。指定動畫不同點的速度。預設值為 "swing" 可能的值
|
callback | 可選。在 slideToggle() 方法完成後執行的函式 要了解更多關於 callback 的資訊,請訪問我們的 jQuery Callback 章節 |
親手嘗試 - 示例
slideToggle() - 使用 speed 引數
如何使用 speed 引數指定滑入效果的速度。
slideToggle() - 使用 callback 引數
在 slideUp() 和 slideDown() 之間切換時如何使用 callback 引數。