Hide metodu

hide metodu elementleri ýumşak gizleýär. Elementleri show metody bilen görkezmek bolýar.

Sintaksis

Berlen wagtda ýitirilmek, 400ms deslapky baha:

javascript.hide(dowamlylygy);

Wagty diňe millisekundlarda däl, eýsem açar sözler slow (600ms) we fast (200ms) bilen hem bellemek bolýar, bahasy uly bolsa, animasiýa haýalrak:

javascript.hide('slow' ýa-da 'fast');

Eger parametrler görkezilmeýän bolsa - animasiýa bolmaz, elementler derrew gizlenýär:

javascript.hide();

Ikkinji parametr hökmünde ýumşaklyk funksiýasyny, üçünji parametr hökmünde bolsa animasiýa tamamlanansoň işleýän callback-funksiýasyny hem geçirmek bolýar. Iki parametr hem hökman däl:

javascript.hide(dowamlylygy, [ýumşaklyk funksiýasy], [callback-funksiýasy]);

Metoda dürli opsiýalar, JavaScript obýektiniň görnüşinde, öz içine alýan jübütleri açar: baha geçirmek bolýar:

javascript.hide(options);

Beýle bir obýekt aşakdaky parametrleri we funksiýalary geçirip bilýär - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Bu parametrleriň düşündirişini animate metodu üçin görüp bilersiňiz. Mysal üçin, dowamlylygy we ýumşaklyk funksiýasyny belirleýäris:

javascript.hide( {duration: 800, easing: easeInSine} );

Mysal

#test düwmesine basanyňyzdan soň, hide metodi bilen abzasy ýumşak gizläýäli. slow açar sözüni geçirip, tizligini 600ms bellemek bolýar. Animasiýa gutaransoň konsola 'Animation complete' çykaryş edýäris:

html<button id="test">teksti gizle</button>
<p>tekst</p>
javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Şeýle-de görüň

  • show metodu,
    elementleri ýumşak görkezýär
  • slideUp metodu,
    elementleri ýumşak gizleýär
  • fadeOut metodu,
    elementleri ýumşak gizläp, olary şaffaf edýär