jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
更新時間:2011年06月28日 00:33:39 作者:
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。
實例
通過使用滑動效果,在顯示和隱藏狀態(tài)之間切換 <p> 元素:
$(".btn1").click(function(){
$("p").slideToggle();
});
定義和用法
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。
如果被選元素是可見的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。
語法
$(selector).slideToggle(speed,callback)參數(shù) 描述
speed 可選。規(guī)定元素從隱藏到可見的速度(或者相反)。默認為 "normal"。
可能的值:
毫秒 (比如 1500)
"slow"
"normal"
"fast"
在設置速度的情況下,元素在切換的過程中,會逐漸地改變其高度(這樣會創(chuàng)造滑動效果)。
callback 可選。toggle 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。
如需學習更多有關 callback 的內(nèi)容,請訪問我們的 jQuery Callback 這一章。
除非設置了 speed 參數(shù),否則不能設置該參數(shù)。
提示和注釋
提示:如果元素已經(jīng)隱藏,則該效果不產(chǎn)生任何變化,除非規(guī)定了 callback 函數(shù)。
通過使用滑動效果,在顯示和隱藏狀態(tài)之間切換 <p> 元素:
復制代碼 代碼如下:
$(".btn1").click(function(){
$("p").slideToggle();
});
定義和用法
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。
如果被選元素是可見的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。
語法
$(selector).slideToggle(speed,callback)參數(shù) 描述
speed 可選。規(guī)定元素從隱藏到可見的速度(或者相反)。默認為 "normal"。
可能的值:
毫秒 (比如 1500)
"slow"
"normal"
"fast"
在設置速度的情況下,元素在切換的過程中,會逐漸地改變其高度(這樣會創(chuàng)造滑動效果)。
callback 可選。toggle 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。
如需學習更多有關 callback 的內(nèi)容,請訪問我們的 jQuery Callback 這一章。
除非設置了 speed 參數(shù),否則不能設置該參數(shù)。
提示和注釋
提示:如果元素已經(jīng)隱藏,則該效果不產(chǎn)生任何變化,除非規(guī)定了 callback 函數(shù)。
相關文章
jQuery實現(xiàn)列表自動滾動循環(huán)滾動展示新聞
jQuery實現(xiàn)列表自動滾動循環(huán)滾動展示新聞,鼠標懸停時停止?jié)L動并提示,離開后,繼續(xù)滾動,實現(xiàn)的代碼如下,需要的朋友可以看看2014-08-08
通過jsonp獲取json數(shù)據(jù)實現(xiàn)AJAX跨域請求
JSON 可通過 JavaScript 進行解析,JSON 數(shù)據(jù)可使用 AJAX 進行傳輸,這篇文章主要介紹了通過jsonp獲取json數(shù)據(jù)(實現(xiàn)AJAX跨域請求),有興趣的可以了解一下。2017-01-01
jquery插件沖突(jquery.noconflict)解決方法分享
本文主要解決了如何讓多個不同的jQuery版本在同一個頁面并存而不沖突的方法,需要的朋友可以參考下2014-03-03
EasyUI Combobox設置默認值 獲取text的方法
這篇文章主要介紹了EasyUI Combobox設置默認值 獲取text的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11
jquery得到font-size屬性值實現(xiàn)代碼
font-size屬性想必大家并不陌生吧,此屬性控制字體的大小,在本文將為大家介紹下如何使用jquery獲取font-size屬性值,感興趣的朋友可以參考下2013-09-09

