jQuery 效果 slideToggle() 方法

jQuery 效果 slideToggle() 方法

jQuery 參考手冊(cè) 效果jQuery 參考手冊(cè) 效果

slideToggle() 方法通過使用滑動(dòng)效果(高度變化)來切換元素的可見狀態(tài)。

如果被選元素是可見的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。

 

1. 語法

$(selector).slideToggle(speed,callback)
參數(shù) 描述
speed

可選。規(guī)定元素從隱藏到可見的速度(或者相反)。默認(rèn)為 "normal"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在設(shè)置速度的情況下,元素在切換的過程中,會(huì)逐漸地改變其高度(這樣會(huì)創(chuàng)造滑動(dòng)效果)。

callback

可選。toggle 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。

如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容,請(qǐng)?jiān)L問我們的 jQuery Callback 這一章。

除非設(shè)置了 speed 參數(shù),否則不能設(shè)置該參數(shù)。

 

2. 范例

通過使用滑動(dòng)效果,在顯示和隱藏狀態(tài)之間切換

元素:

$(".btn1").click(function(){
  $("p").slideToggle();
});

 

3. 提示和注釋

提示:如果元素已經(jīng)隱藏,則該效果不產(chǎn)生任何變化,除非規(guī)定了 callback 函數(shù)。

 

4. - 范例

jQuery 參考手冊(cè) 效果jQuery 參考手冊(cè) 效果

下一節(jié):jQuery 效果 slideUp() 方法

jQuery 教程

相關(guān)文章
亚洲国产精品第一区二区,久久免费视频77,99V久久综合狠狠综合久久,国产免费久久九九免费视频