jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
通過(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ù)。
- 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 EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦)
這篇文章主要介紹了jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07html5的自定義data-*屬性和jquery的data()方法的使用示例
人們總喜歡往HTML標(biāo)簽上添加自定義屬性來(lái)存儲(chǔ)和操作數(shù)據(jù),這就是為什么在HTML5規(guī)范里增加了一個(gè)自定義data屬性,你可以拿它做很多有用的事情2013-08-08jQuery flip插件實(shí)現(xiàn)的翻牌效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery flip插件實(shí)現(xiàn)的翻牌效果,可實(shí)現(xiàn)類(lèi)似卡羅牌翻頁(yè)的視覺(jué)效果,涉及jquery.flip.min.js插件的使用,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09Jquery公告滾動(dòng)+AJAX后臺(tái)得到數(shù)據(jù)
ajax得到值,用JQUERY綁定給對(duì)應(yīng)的UL.利用JQUERY的動(dòng)畫(huà)來(lái)實(shí)現(xiàn)他們的滾動(dòng)公告。2011-04-04轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K...2007-08-08使用CDN和AJAX加速WordPress中jQuery的加載
這篇文章主要介紹了使用CDN和AJAX加速WordPress中jQuery的加載的方法,注意一下WordPress中以及CDN的Google連接在內(nèi)地的網(wǎng)絡(luò)問(wèn)題,需要的朋友可以參考下2015-12-12Jquery原生態(tài)實(shí)現(xiàn)表格header頭隨滾動(dòng)條滾動(dòng)而滾動(dòng)
表頭是浮動(dòng)的,因?yàn)閮?nèi)容在同一頁(yè)面展示,當(dāng)滾動(dòng)時(shí),看不到列頭,為了改動(dòng)少只能使用jquery原生態(tài)實(shí)現(xiàn)滾動(dòng)2014-03-03jQuery實(shí)現(xiàn)帶展開(kāi)動(dòng)畫(huà)的導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)帶展開(kāi)動(dòng)畫(huà)的導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-07-07JavaScript中利用jQuery綁定事件的幾種方式小結(jié)
這篇文章主要介紹了JavaScript中利用jQuery綁定事件的幾種方式小結(jié),包括不調(diào)用jQuery的"原生js"實(shí)現(xiàn)方式,需要的朋友可以參考下2016-03-03