jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
更新時(shí)間：2011年06月28日 00:33:39 作者：
slideToggle() 方法通過(guò)使用滑動(dòng)效果（高度變化）來(lái)切換元素的可見(jiàn)狀態(tài)。
實(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"。
可能的值：
毫秒 （比如 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)我們的 jQuery Callback 這一章。
除非設(shè)置了 speed 參數(shù)，否則不能設(shè)置該參數(shù)。
提示和注釋
提示：如果元素已經(jīng)隱藏，則該效果不產(chǎn)生任何變化，除非規(guī)定了 callback 函數(shù)。
通過(guò)使用滑動(dòng)效果，在顯示和隱藏狀態(tài)之間切換 <p> 元素：
復(fù)制代碼 代碼如下:
$(".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"。
可能的值：
毫秒 （比如 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)我們的 jQuery Callback 這一章。
除非設(shè)置了 speed 參數(shù)，否則不能設(shè)置該參數(shù)。
提示和注釋
提示：如果元素已經(jīng)隱藏，則該效果不產(chǎn)生任何變化，除非規(guī)定了 callback 函數(shù)。
您可能感興趣的文章:
- Jquery實(shí)現(xiàn)顯示和隱藏的4種簡(jiǎn)單方式
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- JQuery顯示、隱藏div的幾種方法簡(jiǎn)明總結(jié)
- jquery和js實(shí)現(xiàn)對(duì)div的隱藏和顯示方法
- jQuery控制TR顯示隱藏的幾種方法
- jQuery控制TR顯示隱藏的三種常用方法
- jQuery動(dòng)態(tài)顯示和隱藏datagrid中的某一列的方法
- jquery顯示隱藏input對(duì)象
- Jquery 點(diǎn)擊按鈕顯示和隱藏層的代碼
- JQuery實(shí)現(xiàn)隱藏和顯示動(dòng)畫(huà)效果
相關(guān)文章
jQuery Dialog 彈出層對(duì)話(huà)框插件
網(wǎng)上這種插件很多，但是沒(méi)一個(gè)合適的，大部分都做得很大，功能齊全。于是自己做了這個(gè)小插件，順便學(xué)習(xí)下jQuery插件的寫(xiě)法。2010-08-08
冒泡事件就是點(diǎn)擊子節(jié)點(diǎn)，會(huì)向上觸發(fā)父節(jié)點(diǎn)，祖先節(jié)點(diǎn)的點(diǎn)擊事件，有需要的朋友可以參考一下2013-10-10
jQuery實(shí)現(xiàn)列表自動(dòng)滾動(dòng)循環(huán)滾動(dòng)展示新聞
jQuery實(shí)現(xiàn)列表自動(dòng)滾動(dòng)循環(huán)滾動(dòng)展示新聞，鼠標(biāo)懸停時(shí)停止?jié)L動(dòng)并提示，離開(kāi)后，繼續(xù)滾動(dòng)，實(shí)現(xiàn)的代碼如下，需要的朋友可以看看2014-08-08
通過(guò)jsonp獲取json數(shù)據(jù)實(shí)現(xiàn)AJAX跨域請(qǐng)求
JSON 可通過(guò) JavaScript 進(jìn)行解析，JSON 數(shù)據(jù)可使用 AJAX 進(jìn)行傳輸，這篇文章主要介紹了通過(guò)jsonp獲取json數(shù)據(jù)（實(shí)現(xiàn)AJAX跨域請(qǐng)求），有興趣的可以了解一下。2017-01-01
jquery插件沖突(jquery.noconflict)解決方法分享
本文主要解決了如何讓多個(gè)不同的jQuery版本在同一個(gè)頁(yè)面并存而不沖突的方法,需要的朋友可以參考下2014-03-03
EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法
這篇文章主要介紹了EasyUI Combobox設(shè)置默認(rèn)值 獲取text的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
擴(kuò)展jQuery插件和方法的作用是非常強(qiáng)大的，它可以節(jié)省大量開(kāi)發(fā)時(shí)間。這篇文章將概述jQuery插件開(kāi)發(fā)的基本知識(shí)，最佳做法和常見(jiàn)的陷阱,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了jQuery選擇器之層次選擇器用法,結(jié)合實(shí)例形式分析了jQuery后代元素選擇器、子元素選擇器、相鄰元素選擇器、兄弟元素選擇器等相關(guān)使用技巧,需要的朋友可以參考下2019-02-02
jquery得到font-size屬性值實(shí)現(xiàn)代碼
font-size屬性想必大家并不陌生吧，此屬性控制字體的大小，在本文將為大家介紹下如何使用jquery獲取font-size屬性值，感興趣的朋友可以參考下2013-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery創(chuàng)建折疊式菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06