jQuery 效果 slideToggle() 方法

jQuery 效果方法

slideToggle()方法在slideUp()slideDown()方法之間切換。

此方法檢查所選元素的可見性:

  • 如果最初顯示該元素,則它將被隱藏

  • 如果元素最初是隱藏的,則將顯示

注意:隱藏的元素將不再影響頁面的布局。

語法:

$(selector).slideToggle(duration, easing, callback)

實例

單擊按鈕時,在所有<p>元素的上移和下移之間切換:

$("button").click(function(){
  $("p").slideToggle();
});
測試看看?/?

使用duration參數(shù):

$("button").click(function(){
  $("p").slideToggle(1500);
});
測試看看?/?

使用callback參數(shù):

$("button").click(function(){
  $("div").slideToggle(1500, function(){
    alert("滑動切換效果完成!!!");
  });
});
測試看看?/?

使用緩慢的持續(xù)時間和線性緩動來切換所有“ .panel”:

$("#my-Div").click(function(){
  $(".panel").slideToggle("slow", "linear");
});
測試看看?/?

參數(shù)值

參數(shù)描述
duration(可選)確定滑動效果將持續(xù)多長時間。預設值為400毫秒

可能的值:

  • 毫秒(例如100、500、2000等)

  • “fast”

  • “slow”

easing(可選)一個字符串,指定在動畫的不同點上元素的速度。默認值為“ swing”

可能的值:

  • “swing”-在開始/結束時移動較慢,而在中間移動較快

  • “l(fā)inear”-以恒定速度移動

callback(可選)一旦slideToggle()方法完成,將調(diào)用此函數(shù),每個選定元素調(diào)用一次

jQuery 效果方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清