jQuery fadeToggle() 方法

jQuery 效果方法

執行個體

不同盒子淡入和淡出的切換：

$("button").click(function(){

$("#div1").fadeToggle();

});

定義和用法

fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。

如果元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。

如果元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。

注釋：

隐藏的元素不會被完全顯示（不再影響頁面的布局）。

文法

$(selector).fadeToggle(speed,easing,callback)

參數	描述
speed	可選。規定褪色效果的速度。 可能的值： 毫秒 "slow" "fast"
easing	可選。規定在動畫的不同點上元素的速度。預設值為 "swing"。 "swing" - 在開頭/結尾移動慢，在中間移動快 "linear" - 勻速移動 提示：擴充插件中提供更多可用的 easing 函數。
callback	可選。fadeToggle() 方法執行完之後，要執行的函數。 如需學習更多有關 callback 的内容，請通路我們的 jQuery Callback 這一章。

更多執行個體

fadeToggle()

- 使用 speed 參數

如何使用 speed 參數來規定褪色效果的速度。

- 使用 callback 參數

如何使用 callback 參數在 fadeToggle() 方法完成後執行函數。

jQuery 效果方法