slideDown методу

slideDown методу жашырылган элементтерди жогортон төмөн жай жылып көрсөтөт. Элементтерди жашыруу үчүн slideUp методу колдонулат.

Синтаксис

Белгиленген убакытта көрсөтүү, демейки 400мс:

javascript.slideDown(узактыгы);

Убакытты миллисекунд менен гана эмес, slow (600мс) жана fast (200мс) ачкыч сөздөрү менен да белгилөөгө болот, мааниси канчалык чоң болсо, анимация ошончо жай:

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 ачкыч сөзүн берүү менен, ылдамдыкты 600мс кылабыз. Анимация аяктагандан кийин консолго 'Animation complete' чыгарабыз:

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

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

Ошондой эле караңыз