Metod show
Metod show gizli elementləri yumşaq şəkildə
göstərir. Elementləri gizlətmək üçün
hide metodu istifadə edilə bilər.
Sintaksis
Verilən müddət ərzində (millisaniyələrlə) göstərmə,
standart olaraq 400ms:
.show(müddət);
Müddət yalnız millisaniyələrlə deyil,
həm də açar sözlərlə slow (600ms)
və fast (200ms) təyin edilə bilər,
qiymət nə qədər böyükdürsə, animasiya bir o qədər yavaş olur:
.show('slow' və ya 'fast');
Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər ani şəkildə göstəriləcək:
.show();
Həmçinin ikinci parametr kimi yumşaqlıq funksiyası, və üçüncü parametr kimi callback funksiyası ötürülə bilər - animasiya bitdikdən sonra işləyəcək. Hər iki parametr isteğe bağlıdır:
.show(müddət, [yumşaqlıq funksiyası], [callback funksiyası]);
Metoda müxtəlif seçimlər, JavaScript obyekti şəklində, icazə verilir, hansı ki, açar: dəyər cütlərini ehtiva edir:
.show(seçimlər);
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ə yumşaqlıq funksiyasını təyin edək:
.show( {duration: 800, easing: easeInSine} );
Nümunə
Gəlin düyməyə basdıqdan sonra, gizli abzası
show metodu ilə yumşaq şəkildə göstərək.
slow açar sözünü ötürməklə,
sürəti 600ms təyin etmiş oluruq. Animasiya bitdikdən sonra
konsola 'Animasiya tamamlandı' yazdıraq:
<button>mətni göstər</button>
<p style="display: none">mətn</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
