hide Metodu
hide metodu, elementleri yumuşak bir şekilde gizler. Elementleri
show metoduyla gösterebilirsiniz.
Sözdizimi
Belirli bir sürede kaybolma,
varsayılan olarak 400ms:
.hide(süre);
Süre sadece milisaniye cinsinden değil,
slow (600ms)
ve fast (200ms) anahtar kelimeleriyle de belirtilebilir.
Değer ne kadar büyükse, animasyon o kadar yavaş olur:
.hide('slow' veya 'fast');
Parametre belirtilmezse - animasyon olmaz, elementler anında gizlenir:
.hide();
İkinci parametre olarak bir geçiş fonksiyonu, üçüncü parametre olarak da bir callback fonksiyonu - animasyon tamamlandıktan sonra çalışır - iletilebilir. Her iki parametre de isteğe bağlıdır:
.hide(süre, [geçiş fonksiyonu], [callback fonksiyonu]);
Metoda, JavaScript nesnesi şeklinde, anahtar: değer çiftleri içeren çeşitli seçenekler iletilmesi mümkündür:
.hide(seçenekler);
Böyle bir nesne aşağıdaki parametreleri
ve fonksiyonları iletebilir - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Bu parametrelerin
açıklamalarını animate metodu için inceleyebilirsiniz. Örneğin,
süreyi ve geçiş fonksiyonunu ayarlayalım:
.hide( {duration: 800, easing: easeInSine} );
Örnek
Hadi #test butonuna tıklandıktan sonra,
hide metoduyla paragrafı yumuşak bir şekilde gizleyelim.
slow anahtar kelimesini ileterek hızı
600ms olarak ayarlayacağız. Animasyon bittikten sonra konsola
'Animation complete' yazdıralım:
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
