jQuery de .show() .hide() ve .toggle() metotlarının kullanımı

show, hide ve toggle metotları jQuery'de basit efektler oluşturmak için kullanılırlar. Aşağıda bu metotların kullanımı görülmektedir. 

  • .show(): Seçilen nesneyi bir kez belirli bir hızda göstermeye yarar. display özelliği none olan elemanları göstermek için kullanılır.

  • .hide() : Seçilen nesneyi bir kez geçici olarak belirli bir hızda gizlemeye yarar. display özelliğini none yapmak gibidir.

  • .toggle(): Seçilen nesne gizli ise göstermeye gösteriliyor ise de gizlemeye yarar.

Syntax

$('seçici').hide(speed,callback);
$('seçici').show(speed,callback);
$('seçici').toggle(speed,callback);

Parametreler

  • speed : Opsiyonel bir parametredir. Efektin hızını belirlememize yarar. (1 saniye = 1000 milisaniye)

    Alabileceği değerler : milisaniye, "fast", "slow"

  • callback : Opsiyonel bir parametredir. Efekt tamamlanınca bir fonksiyon icra etmeye yarar.

Demo

ETİKETLER
showhidetogglejqueryjquery show metotjquery hide metotjquery toggle metot
Öncekİ Yazı

jQuery .fadeIn() .fadeOut() .fadeTo() .fadeToggle() metodları

Sonrakİ Yazı

jQuery .delay() .animate() ve .stop() metodları

İlgili Yazılar