jQuery 效果 - toggle() 方法
定義和用法
toggle() 方法切換元素的可見(jiàn)狀態(tài)。
如果被選元素可見(jiàn),則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
語(yǔ)法
$(selector).toggle(speed,callback,switch)
參數(shù) | 描述 |
---|---|
speed |
可選。規(guī)定元素從可見(jiàn)到隱藏的速度(或者相反)。默認(rèn)為 "0"。 可能的值:
在設(shè)置速度的情況下,元素從可見(jiàn)到隱藏的過(guò)程中,會(huì)逐漸地改變其高度、寬度、外邊距、內(nèi)邊距和透明度。 如果設(shè)置此參數(shù),則無(wú)法使用 switch 參數(shù)。 |
callback |
可選。toggle 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容,請(qǐng)?jiān)L問(wèn)我們的 jQuery Callback 這一章。 除非設(shè)置了 speed 參數(shù),否則不能設(shè)置該參數(shù)。 |
switch |
可選。布爾值。規(guī)定 toggle 是否隱藏或顯示所有被選元素。
如果設(shè)置此參數(shù),則無(wú)法使用 speed 和 callback 參數(shù)。 |
提示和注釋
注釋:該效果適用于通過(guò) jQuery 隱藏的元素,或在 CSS 中聲明 display:none 的元素(但不適用于 visibility:hidden 的元素)。
親自試一試 - 實(shí)例
- 使用 speed 參數(shù)
- 使用 speed 參數(shù)來(lái)隱藏和顯示元素。
- 使用 switch 參數(shù)
- 使用 switch 參數(shù)來(lái)顯示所有隱藏的段落。