jQuery toggle() Metode

Metode Efek jQuery

Contoh

Beralih antara sembunyikan dan tampilkan untuk semua elemen <p>:

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

Definisi dan Penggunaan

Metode toggle() beralih antara hide() dan show() untuk elemen yang dipilih.

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

Catatan : Elemen tersembunyi tidak akan ditampilkan sama sekali (tidak lagi mempengaruhi tata letak halaman).

Tip: Metode ini juga dapat digunakan untuk beralih di antara fungsi kustom.


Sintaksis

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

Parameter Description
speed Optional. Specifies the speed of the hide/show effect

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 toggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


Cobalah Sendiri - Contoh


Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek sembunyikan/tampilkan.


Cara menggunakan parameter callback saat beralih antara efek sembunyikan/tampilkan.


Metode Efek jQuery