Метод slideDown

Метод slideDown глатко приказује скривене елементе, развлачећи их одозго надоле. Сакривање елемената се може урадити методом slideUp.

Синтакса

Приказ у задатом времену, 400ms подразумевано:

javascript.slideDown(трајање);

Време се може задати не само у милисекундама, већ и кључним речима slow (600ms) и fast (200ms), што је већа вредност, то је спорија анимација:

javascript.slideDown('slow' или 'fast');

Ако параметри нису наведени - неће бити анимације, елементи ће се приказати тренутно:

javascript.slideDown();

Такође се другим параметром може проследити функција еасинга, а и трећим callback функција - која се извршава након завршетка анимације. Оба параметра су опционална:

javascript.slideDown(трајање, [функција еасинга], [callback функција]);

Методу се могу проследити разне опције, у виду JavaScript објекта, који садржи парове кључ: вредност:

javascript.slideDown(options);

Такав објекат може да проследи следеће параметре и функције - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Опис ових параметара можете погледати за метод animate. На пример, поставимо трајање и функцију еасинга:

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

Пример

Хајде да након клика на дугме, глатко прикажемо скривени пасус методом slideDown. Прослеђујући кључну реч slow, поставићемо брзину на 600ms. Након завршетка анимације исписаћемо у конзолу 'Animation complete':

html<button>прикажи текст</button>
<p style="display: none">текст</p>

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

Погледајте такође