JQuery Etkileşimleri – Hide, Show, Toggle, Slide, Fade ve Animate
 

Basit kullanımlar:

$(selector).show();

$(selector).hide();

$(selector).toggle();

$(selector).slideUp();

Açıklama:

hide() : Seçici alanı gizlemek için kulanılır.

show() : Belirlenen alanı gizliyse gösterilir.

toggle() : Show ve Hide methodlarının yaptığı işi tek başına yapar. Eğer nesne gizliyse gösterir, gösteriliyorsa gizlenir.

slideDown(), slideUp(), slideToggle() : Toggle’a aynı şekilde çalışır, ancak gösterim ve gizleme sırasında yukarıdan ve aşağıdan efekt şeklinde kayarak gelir/gider.

fadeIn(), fadeOut(), fadeToggle(), fadeTo() : Alanın soluklaşarak kaybolmasını ya da güçlenerek görüntülenmesi için kullanılır.

animate() : Seçici alanın belirli parametrelere göre animasyon şeklinde hareket etmeyi sağlar.



Gelişmiş kullanımlar:

$(selector).slideDown(speed,callback); Speed paremetresi “slow”, “fast” ya da milisaniye değeri alabilir. Show, hide, toggle ve diğer slide methodları da aynı değerleri alabilir. (1000 milisaniye = 1 saniye)

$(selector).animate({params},speed,callback);
Örnek:
$(“div”).animate({left:’250px’});
$(“div”).slideDown(“slow”);
$(“div”).toggle(500); // Yarım saniye içinde göster ya da gizle.