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:

javascript.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:

javascript.show('slow' veya 'fast');

Eğer parametre belirtilmezse - animasyon olmaz, elementler anında gösterilir:

javascript.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:

javascript.show(süre, [yumuşaklık fonksiyonu], [callback fonksiyonu]);

Metoda, JavaScript nesnesi şeklinde, anahtar: değer çiftleri içeren çeşitli seçenekler iletilir:

javascript.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:

javascript.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:

html<button>Metni göster</button>
<p style="display: none">Metin</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Ayrıca Bakınız