Hide metodu
hide metodu elementləri rəvan gizlədir. Elementləri
show
metodu ilə göstərmək olar.
Sintaksis
Müəyyən müddət ərzində yox olma,
400ms standart olaraq:
.hide(müddət);
Müddəti yalnız millisaniyələrlə deyil,
həm də açar sözlərlə slow (600ms)
və fast (200ms) ilə təyin etmək olar,
qiymət nə qədər böyükdürsə, animasiya bir o qədər yavaş olar:
.hide('slow' və ya 'fast');
Əgər parametrlər göstərilməsə - animasiya olmayacaq, elementlər ani olaraq gizlədiləcək:
.hide();
Həmçinin ikinci parametr kimi rəvanlıq funksiyası ötürmək olar, eləcə də üçüncü parametr kimi callback funksiyası - animasiya bitdikdən sonra işləyəcək. Hər iki parametr isteğe bağlıdır:
.hide(müddət, [rəvanlıq funksiyası], [callback funksiyası]);
Metoda müxtəlif seçimlər ötürmək olar, JavaScript obyekti şəklində, içində açar: qiymət cütləri olan:
.hide(options);
Belə bir obyekt aşağıdakı parametrləri və funksiyaları
ötürə bilər - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Bu
parametrlərin təsvirini
animate
metodu üçün baxa bilərsiniz. Məsələn,
müddəti və rəvanlıq funksiyasını təyin edək:
.hide( {duration: 800, easing: easeInSine} );
Nümunə
Gəlin #test düyməsinə basdıqdan sonra, abzası
hide metodu ilə rəvan gizlədək. Açar söz
slow ötürməklə, sürəti 600ms təyin edəcəyik.
Animasiya bitdikdən sonra konsola 'Animation complete'
çıxaracağıq:
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
