Метод 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, кој содржи input и копче, со методот slideUp (овој div ќе го најдеме со методот parent). Со пренесување на клучниот збор slow, ќе ја поставиме брзината на 600мс. Во div со #test ќе ја испечатиме натписот 'Text is hidden':

html<div>
  <button>hide text</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');
  });
});

Погледнете ги исто така