Latest web development tutorials

Efek jQuery - Sembunyikan dan Tampilkan

Hide, display, switching, slide, fade dan animasi, oh wow!

Klik Show / Hide Panel

Karena waktu sangat berharga, kami menawarkan cara yang cepat dan nyaman untuk belajar.

Dalam tutorial ini, Anda dapat mempelajari pengetahuan yang dibutuhkan.

contoh

jQuery hide ()
Sederhana menyembunyikan jQuery () metode menunjukkan.

jQuery hide ()
Lain hide () misalnya. Menunjukkan bagaimana untuk menyembunyikan teks.

jQuery hide () dan show ()

Dengan jQuery, Anda dapat menggunakan hide () dan show () metode untuk menyembunyikan dan menampilkan elemen HTML:

contoh

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

Coba »

sintaks:

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

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

Opsional kecepatan parameter menentukan kecepatan menyembunyikan / menampilkan, Anda dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama fungsi untuk menyembunyikan atau acara selesai dieksekusi.

Contoh berikut menunjukkan menyembunyikan dengan metode parameter kecepatan ():

contoh

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

Coba »

jQuery beralih ()

Dengan jQuery, Anda dapat menggunakan metode beralih () untuk beralih hide () dan metode show ().

Tampilkan elemen tersembunyi, dan menyembunyikan elemen ditampilkan:

contoh

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

Coba »

sintaks:

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

Opsional kecepatan parameter menentukan kecepatan menyembunyikan / menampilkan, Anda dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi setelah metode beralih () untuk menyelesaikan eksekusi.