Hide metodu
hide metodu elementleri ýumşak gizleýär. Elementleri
show
metody bilen görkezmek bolýar.
Sintaksis
Berlen wagtda ýitirilmek,
400ms deslapky baha:
.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:
.hide('slow' ýa-da 'fast');
Eger parametrler görkezilmeýän bolsa - animasiýa bolmaz, elementler derrew gizlenýär:
.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:
.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:
.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:
.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:
<button id="test">teksti gizle</button>
<p>tekst</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
