toggle
英[ˈtɒgl] 美[ˈtɑ:gl]
n.棒形紐扣;套索扣;轉換鍵;切換鍵
v.切換
jquery的toggle()方法 語法
作用：toggle() 方法用於綁定兩個或多個事件處理器函數，以回應被選元素的輪流的 click 事件。此方法也可用來切換被選元素的 hide() 與 show() 方法。
綁定兩個或多個函數與toggle事件：當指定元素被點擊時，在兩個或多個函數之間輪流切換。如果規定了兩個以上的函數，則 toggle() 方法將切換所有函數。例如，如果存在三個函數，則第一次點擊將呼叫第一個函數，第二次點擊呼叫第二個函數，第三次點擊呼叫第三個函數。第四次點擊再次呼叫第一個函數，以此類推。
語法：$(selector).toggle(function1(),function2(),functionN(),...)
參數：
| 參數 | 描述 |
| #function1() | 必要。規定當元素在每偶數次被點擊時要運行的函數。 |
| function2() | 必要。規定當元素在每奇數次被點擊時要運行的函數。 |
| functionN(),... | 可選。規定需要切換的其他函數。 |
Hide()和Show()：檢查每個元素是否可見。如果元素已隱藏，則執行 show()。如果元素可見，則元素 hide()。這樣就可以創造切換效果。
語法：$(selector).toggle(speed,callback)
參數：
| 參數 | 說明 |
| speed | 可選。規定 hide/show 效果的速度。預設是 "0"。可能的值：毫秒（例如 1500）"slow" "normal""fast" |
| callback | 可選。當 toggle() 方法完成時執行的函數。 |
顯示或隱藏元素：規定是否只顯示或只隱藏所有符合的元素。
語法：$(selector).toggle(switch)
參數：
| 參數 | 說明 |
| switch | #必要。布林值，規定 toggle() 是否應只顯示或只隱藏所有被選元素。 true - 顯示元素false - 隱藏元素 |
jquery的toggle()方法 範例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html>#點擊 "執行實例" 按鈕查看線上實例