Efek jQuery - Geser

Metode geser jQuery dapat membuat elemen bergerak naik turun.

Pertunjukan efek

Klik di sini, sembunyikan/tampilkan panel

Satu inci waktu sama dengan empat inci emas, sehingga, kami menyediakan konten belajar yang cepat dan mudah dipahami.

Di sini, Anda dapat memperoleh pengetahuan yang Anda butuhkan dengan cara yang mudah dan mudah dipahami.

Contoh

jQuery slideDown()
Demosikan metode slideDown() jQuery.
jQuery slideUp()
Demosikan metode slideUp() jQuery.
jQuery slideToggle()
Demosikan metode slideToggle() jQuery.

Metode Geser jQuery

Dengan jQuery, Anda dapat membuat efek geser di elemen.

jQuery memiliki metode geser berikut:

  • slideDown()
  • slideUp()
  • slideToggle()

Metode slideDown() jQuery

Metode slideDown() jQuery digunakan untuk menggeser elemen ke bawah.

Sintaksis:

$(selector).slideDown(speed,callback);

Parameter opsional speed menentukan lama efek. Ini dapat berbagai nilai: "slow", "fast", atau milidetik.

Parameter opsional callback adalah nama fungsi yang dieksekusi setelah geser selesai.

Berikut adalah contoh yang menunjukkan metode slideDown():

Contoh

$("#flip").click(function(){
  $("#panel").slideDown();
});

Coba sendiri

Metode slideUp() jQuery

Metode slideUp() jQuery digunakan untuk menggeser elemen ke atas.

Sintaksis:

$(selector).slideUp(speed,callback);

Opsional speed Parameter menentukan lama efek. Ini dapat berbagai nilai: "slow", "fast", atau milidetik.

Opsional callback Parameter adalah nama fungsi yang dieksekusi setelah geser selesai.

Berikut adalah contoh yang menunjukkan metode slideUp():

Contoh

$("#flip").click(function(){
  $("#panel").slideUp();
});

Coba sendiri

Metode slideToggle() jQuery

Metode slideToggle() jQuery dapat berubah antara slideDown() dan slideUp().

Jika elemen menggeser ke bawah, slideToggle() dapat menggeser ke atas.

Jika elemen menggeser ke atas, slideToggle() dapat menggeser ke bawah.

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

Opsional speed Parameter menentukan lama efek. Ini dapat berbagai nilai: "slow", "fast", atau milidetik.

Opsional callback Parameter adalah nama fungsi yang dieksekusi setelah geser selesai.

Berikut adalah contoh yang menunjukkan metode slideToggle():

Contoh

$("#flip").click(function(){
  $("#panel").slideToggle();
});

Coba sendiri

Panduan Referensi Efek jQuery

Untuk melihat referensi efek jQuery secara keseluruhan, silakan kunjungi Panduan Referensi Efek jQuery。