jQuery slideToggle() Metode

Metode Efek jQuery

Contoh

Beralih antara slideUp() dan slideDown() untuk semua elemen <p>:

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

Definisi dan Penggunaan

Metode slideToggle() beralih antara slideUp() dan slideDown() untuk elemen yang dipilih.

Metode ini memeriksa elemen yang dipilih untuk visibilitas. slideDown() dijalankan jika elemen disembunyikan. slideUp() dijalankan jika elemen terlihat - Ini menciptakan efek sakelar.


Sintaksis

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

Parameter Description
speed Optional. Specifies the speed of the slide effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the slideToggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


Cobalah Sendiri - Contoh


Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek slide.


Cara menggunakan parameter callback saat beralih antara slideUp() dan slideDown().


Metode Efek jQuery