Метод slideUp

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

Синтакса

Кријенје током задатог времена, 400мс подразумевано:

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

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

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

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

javascript.slideUp();

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

javascript.slideUp(трајање, [функција убрзања], [callback-функција]);

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

javascript.slideUp(options);

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

javascript.slideUp( {duration: 800, easing: easeInSine} );

Пример

Хајде да након клиска на дугме, полако сакријемо родитељски div, који садржи инпут и дугме, помоћу методе slideUp (овај div ћемо пронаћи помоћу методе parent). Прослеђивањем кључне речи slow, поставићемо брзину на 600мс. У div са #test исписаћемо натпис 'Text is hidden':

html<div>
  <button>сакриј текст</button>
  <input type="text" value="aaa">
</div>
<div id="test"></div>

javascript$('button').click(function() {
  $(this).parent().slideUp('slow', function() {
    $('#test').text('Text is hidden');
  });
});

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