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.
__________________ |