jQuery 效果 - slideToggle() 方法
實(shí)例
通過(guò)使用滑動(dòng)效果，在顯示和隱藏狀態(tài)之間切換 <p> 元素：
$(".btn1").click(function(){
$("p").slideToggle();
});
定義和用法
slideToggle() 方法通過(guò)使用滑動(dòng)效果（高度變化）來(lái)切換元素的可見(jiàn)狀態(tài)。
如果被選元素是可見(jiàn)的，則隱藏這些元素，如果被選元素是隱藏的，則顯示這些元素。
語(yǔ)法
$(selector).slideToggle(speed,callback)
| 參數(shù) | 描述 |
|---|---|
| speed |
可選。規(guī)定元素從隱藏到可見(jiàn)的速度（或者相反）。默認(rèn)為 "normal"。 可能的值：
在設(shè)置速度的情況下，元素在切換的過(guò)程中，會(huì)逐漸地改變其高度（這樣會(huì)創(chuàng)造滑動(dòng)效果）。 |
| 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ù)。 |
提示和注釋
提示：如果元素已經(jīng)隱藏，則該效果不產(chǎn)生任何變化，除非規(guī)定了 callback 函數(shù)。
親自試一試 - 實(shí)例
- 使用 speed 參數(shù)
- 使用 speed 參數(shù)來(lái)切換上下滑動(dòng)地顯示和隱藏元素。