slideDown metodu

slideDown metodu gizli elementləri yuxarıdan aşağıya sürüşdürərək rəvan şəkildə göstərir. Elementləri gizlətmək üçün slideUp metodundan istifadə edə bilərsiniz.

Sintaksis

Müəyyən edilmiş müddət ərzində göstərmə, standart olaraq 400ms:

.slideDown(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ş olar:

.slideDown('slow' və ya 'fast');

Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər ani şəkildə göstəriləcək:

.slideDown();

Həmçinin ikinci parametr kimi rəvanlıq funksiyası, üçüncü parametr kimi isə 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:

.slideDown(müddət, [rəvanlıq funksiyası], [callback funksiyası]);

Metoda müxtəlif seçimlər, JavaScript obyekti şəklində, içində açar: dəyər cütləri olan ötürülə bilər:

.slideDown(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 görə bilərsiniz. Məsələn, müddəti və rəvanlıq funksiyasını təyin edək:

.slideDown( {duration: 600, easing: easeInSine} );

Nümunə

Gəlin düyməyə basdıqdan sonra, gizli abzası slideDown metodu ilə rəvan şə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 'Animation complete' çıxacaq:

<button>mətni göstər</button>
<p style="display: none">mətn</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

Həmçinin bax

slideUp metodu,
elementləri rəvan şəkildə gizlədir
slideToggle metodu,
elementlərin rəvan göstərilməsi/gizlənməsini növbələşdirir
fadeIn metodu,
gizli elementləri şəffaflığını dəyişərək rəvan şəkildə göstərir
show metodu,
elementləri rəvan şəkildə göstərir