最新的Web開發教程
 

jQuery toggle() Method

<jQuery的影響的方法

隱藏和顯示所有之間進行切換<p>元素:

$("button").click(function(){
    $("p").toggle();
});
試一試»

定義和用法

toggle()方法之間切換hide()show()所選元素。

此方法檢查能見度所選元素。 show()如果一個元素是隱藏的運行。 hide()如果一個元素是可見的運行-這將創建一個切換效果。

注 :隱藏元素將不會在所有顯示(不再影響頁面的佈局)。

提示:此方法也可以用來定制功能之間切換。


句法

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

參數 描述
speed 可選的。 指定隱藏/顯示效果的速度

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可選的。 指定動畫的不同點處的元件的速度。 默認值是"swing"

可能的值:

  • "swing" -移動在開始/結束慢,但在中間速度
  • "linear" -在一個恆定的速度移動
提示:更多的寬鬆政策功能在外部插件可用
callback 可選的。 後要執行的功能toggle()方法完成

要了解更多有關回調,請訪問我們的jQuery回調章


試一試 - 示例

toggle() -使用速度參數
如何使用速度參數指定隱藏/顯示效果的速度。

toggle() -使用callback參數
如何隱藏/顯示效果之間切換時所使用的回調參數。


<jQuery的影響的方法