jQuery toggle() 方法
定義和用法
toggle() 方法在選定的元素之間切換 hide() 和 show()。
此方法會檢查選定元素的可見性。如果元素被隱藏,則執行 show()。如果元素可見,則執行 hide() - 這會建立一個切換效果。
注意: 隱藏的元素將完全不顯示(不再影響頁面的佈局)。
提示:此方法也可以用於在自定義函式之間進行切換。
語法
$(selector).toggle(speed,easing,callback)
引數 | 描述 |
---|---|
speed | 可選。指定隱藏/顯示效果的速度 可能的值
|
easing | 可選。指定動畫不同點的速度。預設值為 "swing" 可能的值
|
callback | 可選。toggle() 方法完成後要執行的函式 要了解更多關於 callback 的資訊,請訪問我們的 jQuery Callback 章節 |
親手嘗試 - 示例
toggle() - 使用 speed 引數
如何使用 speed 引數指定隱藏/顯示效果的速度。
toggle() - 使用 callback 引數
在隱藏/顯示效果之間切換時如何使用 callback 引數。