slideUp metodu
slideUp metodu elementləri rəvan şəkildə
aşağıdan yuxarıya doğru yığaraq gizlədir. Elementləri
göstərmək üçün slideDown
metodundan istifadə edə bilərsiniz.
Sintaksis
Müəyyən edilmiş müddət ərzində gizlətmə,
400ms standart olaraq:
.slideUp(muddet);
Vaxtı təkcə millisaniyələrlə deyil, həm də
açar sözlərlə slow (600ms)
və fast (200ms) ilə də təyin etmək olar,
qiymət nə qədər böyükdürsə, animasiya bir o qədər yavaş olar:
.slideUp('slow' ya da 'fast');
Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər ani şəkildə gizlədiləcək:
.slideUp();
Həmçinin ikinci parametr kimi rəvanlıq funksiyası, üçüncü parametr kimi isə callback funksiyası - animasiya bitdikdən sonra işləyəcək - ötürülə bilər. Hər iki parametr isteğe bağlıdır:
.slideUp(muddet, [revanliq funksiyasi], [callback funksiyasi]);
Metoda müxtəlif opsiyalar, JavaScript obyekti şəklində, içində açar: qiymet cütləri olan şəkildə ötürülə bilər:
.slideUp(opsiyalar);
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:
.slideUp( {duration: 800, easing: easeInSine} );
Nümunə
Gəlin düyməyə basdıqdan sonra, slideUp metodu
ilə input və düyməni ehtiva edən valideyn div-i
rəvan şəkildə gizlədək (bu div-i parent
metodu ilə tapacağıq). slow açar sözünü ötürməklə,
sürəti 600ms olaraq təyin edəcəyik. #test
ilə div-də 'Text is hidden' yazısını çıxardacağıq:
<div>
<button>hide text</button>
<input type="text" value="aaa">
</div>
<div id="test"></div>
$('button').click(function() {
$(this).parent().slideUp('slow', function() {
$('#test').text('Text is hidden');
});
});
Həmçinin bax
-
slideDownmetodu,
elementləri rəvan şəkildə göstərir -
slideTogglemetodu,
elementlərin rəvan göstərilməsi/gizlənməsini növbələşdirir -
fadeOutmetodu,
elementləri şəffaf edərək rəvan şəkildə gizlədir -
hidemetodu,
elementləri rəvan şəkildə gizlədir