show Metodu
show metodu, gizli elementleri yumuşak bir şekilde
gösterir. Elementleri gizlemek için
hide
metodu kullanılabilir.
Sözdizimi
Milisanive cinsinden belirtilen sürede gösterim,
varsayılan olarak 400ms:
.show(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:
.show('slow' veya 'fast');
Eğer parametre belirtilmezse - animasyon olmaz, elementler anında gösterilir:
.show();
Ayrıca ikinci parametre olarak bir yumuşaklık fonksiyonu, ve üçüncü parametre olarak bir callback fonksiyonu - animasyon tamamlandıktan sonra çalışır - iletilir. Her iki parametre de isteğe bağlıdır:
.show(süre, [yumuşaklık fonksiyonu], [callback fonksiyonu]);
Metoda, JavaScript nesnesi şeklinde, anahtar: değer çiftleri içeren çeşitli seçenekler iletilir:
.show(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çıklamasını
animate metodu için inceleyebilirsiniz. Örneğin,
süreyi ve yumuşaklık fonksiyonunu ayarlayalım:
.show( {duration: 800, easing: easeInSine} );
Örnek
Hadi butona tıklandıktan sonra,
gizli paragrafı show metoduyla
yumuşak bir şekilde gösterelim. slow
anahtar kelimesini ileterek hızı
600ms olarak ayarlayacağız. Animasyon
sona erdikten sonra konsola
'Animation complete' yazdıralım:
<button>Metni göster</button>
<p style="display: none">Metin</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
