返回值:jQuerytoggle(fn, fn2, [fn3, fn4, ...])
概述
每次點擊后依次調(diào)用函數(shù)。
如果點擊了一個匹配的元素，則觸發(fā)指定的第一個函數(shù)，當再次點擊同一元素時，則觸發(fā)指定的第二個函數(shù)，如果有更多函數(shù)，則再次觸發(fā)，直到最后一個。隨后的每次點擊都重復(fù)對這幾個函數(shù)的輪番調(diào)用。
可以使用unbind("click")來刪除。參數(shù)
fnFunction
第一數(shù)次點擊時要執(zhí)行的函數(shù)。
fn2Function
第二數(shù)次點擊時要執(zhí)行的函數(shù)。
fn3, fn4, ... (可選)Function
更多次點擊時要執(zhí)行的函數(shù)。
示例
描述:
對表格的切換一個類
HTML 代碼:
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>jQuery 代碼:
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);描述:
對列表的切換樣式
HTML 代碼:
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>jQuery 代碼:
$("li").toggle(
function () {
$(this).css({"list-style-type":"disc", "color":"blue"});
},
function () {
$(this).css({"list-style-type":"disc", "color":"red"});
},
function () {
$(this).css({"list-style-type":", "color":"});
}
);