本篇內(nèi)容主要講解“slidetoggle()方法的定義和用法”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“slidetoggle()方法的定義和用法”吧!
.slideToggle()方法將給匹配元素的高度的動(dòng)畫(huà)，這會(huì)導(dǎo)致頁(yè)面中，在這個(gè)元素下面的內(nèi)容往下或往上滑。display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復(fù)到其初始值。如果一個(gè)元素的display屬性值為inline，然后是隱藏和顯示，這個(gè)元素將再次顯示inline。當(dāng)一個(gè)隱藏動(dòng)畫(huà)后，高度值達(dá)到0的時(shí)候，display樣式屬性被設(shè)置為none，以確保該元素不再影響頁(yè)面布局。持續(xù)時(shí)間是以毫秒為單位的，數(shù)值越大，動(dòng)畫(huà)越慢，不是越快。字符串'fast'和'slow'分別代表200和600毫秒的延時(shí)
.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"。
可能的值：
毫秒（比如1500）
"slow"
"normal"
"fast"
在設(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)我們的jQueryCallback這一章。
除非設(shè)置了speed參數(shù)，否則不能設(shè)置該參數(shù)。
.slideToggle()使用
我們可以給任何元素做動(dòng)畫(huà)，比如一個(gè)簡(jiǎn)單的圖片：
Clickhere
當(dāng)另一個(gè)元素被點(diǎn)擊時(shí)，.slideToggle()將被調(diào)用：
$('#clickme').click(function(){
$('#book').slideToggle('slow',function(){
//Animationcomplete.
});
});
隨著最初顯示的元素，我們可以在第一次點(diǎn)擊的時(shí)候?qū)⑵渚徛[藏。
到此，相信大家對(duì)“slidetoggle()方法的定義和用法”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！
重慶分公司
重慶分公司
