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:

javascript.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:

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

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

javascript.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:

javascript.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:

javascript.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:

javascript.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:

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

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

Həmçinin bax