- 相關(guān)推薦
有關(guān)jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
實(shí)例
通過(guò)使用滑動(dòng)效果,在顯示和隱藏狀態(tài)之間切換
元素:
復制代碼 代碼如下:
$(".btn1").click(function(){
$("p").slideToggle();
});
定義和用法
slideToggle() 方法通過(guò)使用滑動(dòng)效果(高度變化)來(lái)切換元素的可見(jiàn)狀態(tài)。
如果被選元素是可見(jiàn)的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。
語(yǔ)法
$(selector).slideToggle(speed,callback)參數 描述
speed 可選。規定元素從隱藏到可見(jiàn)的速度(或者相反)。默認為 "normal"。
可能的值:
毫秒 (比如 1500)
"slow"
"normal"
"fast"
在設置速度的情況下,元素在切換的過(guò)程中,會(huì )逐漸地改變其高度(這樣會(huì )創(chuàng )造滑動(dòng)效果)。
callback 可選。toggle 函數執行完之后,要執行的函數。
如需學(xué)習更多有關(guān) callback 的內容,請訪(fǎng)問(wèn)我們的 jQuery Callback 這一章。
除非設置了 speed 參數,否則不能設置該參數。
提示和注釋
提示:如果元素已經(jīng)隱藏,則該效果不產(chǎn)生任何變化,除非規定了 callback 函數。
【jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換】相關(guān)文章:
關(guān)于jquery簡(jiǎn)單圖片切換顯示效果實(shí)現方法介紹10-01
jquery之超簡(jiǎn)單的div顯示和隱藏特效demo簡(jiǎn)介05-15
關(guān)于jQuery實(shí)現高亮顯示的方法介紹08-20
隱藏的文件怎么顯示09-29
隱藏的文件夾怎么顯示08-02
jQuery(js)如何獲取文字寬度(顯示長(cháng)度)09-29
jQuery中prev()方法用法07-16
怎么把隱藏的文件顯示出來(lái)07-12
隱藏文件夾顯示技巧06-22