- toggle()函數用於切換元素的顯示/隱藏
- jQuery還有一個同名的事件函數toggle(),用於綁定click事件並在觸發時輪流切換執行不一樣的事件處理函數。
若是被選元素可見,則隱藏這些元素,若是被選元素隱藏,則顯示這些元素。javascript
$(selector).toggle(speed,callback,switch)
speed | 可選。規定元素從可見到隱藏的速度(或者相反)。默認爲 "0"。 |
callback | 可選。toggle 函數執行完以後,要執行的函數。 |
switch | 可選。布爾值。規定 toggle 是否隱藏或顯示全部被選元素。 True - 顯示全部元素 False - 隱藏全部元素 若是設置此參數,則沒法使用 speed 和 callback 參數。 |
注意switch中的True、False 首字母大寫java
http://www.w3school.com.cn/jquery/effect_toggle.aspjquery
$(selector).toggle(fun1(),fun2(),funN(),...)
其中,fun1,fun2就是多個函數的名稱瀏覽器
例如,使用toggle()
方法,當每次點擊<div>元素時,顯示不一樣內容,以下圖所示:app
在瀏覽器中顯示的效果(下圖將多個結果展現在了一塊兒):函數
從圖中能夠看出,每次點擊<div>元素時,都依次執行toggle()
方法綁定的函數,當執行到最後一個函數時,再次點擊將又返回執行第一個函數。(循環執行的,按照寫的循序執行)spa
注意:toggle()方法支持目前主流穩定的jQuery版本1.8.2,在1.9.0以後的版本是不支持的。.net
https://blog.csdn.net/happyhaojie/article/details/50340959code