jQuery 效果 - toggle() 方法 定義和用法 toggle() 方法切換元素的可見狀態。 如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。 語法 可選。規定元素從可見到隱藏的速度(或者相反)。預設為 "0"。 可能的值: 毫秒 (比如 1500) "slow" "n ...
jQuery 效果 - toggle() 方法
$(".btn1").click(function(){
$("p").hide();
});
定義和用法
toggle() 方法切換元素的可見狀態。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
語法
$(selector).toggle(speed,callback,switch)
參數 | 描述 |
---|---|
speed |
可選。規定元素從可見到隱藏的速度(或者相反)。預設為 "0"。 可能的值:
在設置速度的情況下,元素從可見到隱藏的過程中,會逐漸地改變其高度、寬度、外邊距、內邊距和透明度。 如果設置此參數,則無法使用 switch 參數。 |
callback |
可選。toggle 函數執行完之後,要執行的函數。 如需學習更多有關 callback 的內容,請訪問我們的 jQuery Callback 這一章。 除非設置了 speed 參數,否則不能設置該參數。 |
switch |
可選。布爾值。規定 toggle 是否隱藏或顯示所有被選元素。
如果設置此參數,則無法使用 speed 和 callback 參數。 |
提示和註釋
註釋:該效果適用於通過 jQuery 隱藏的元素,或在 CSS 中聲明 display:none 的元素(但不適用於 visibility:hidden 的元素)。
$(".btn1").click(function(){
$("p").toggle(1000);
});
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(true);
});
});