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:

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

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

Parametre belirtilmezse - animasyon olmaz, elementler anında gizlenir:

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

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

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

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

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Ayrıca Bakınız