Методот hide

Методот hide постепенно ги скрива елементите. Да се прикажат елементите може со методот show.

Синтакса

Исчезнување за зададено време, 400мс по default:

javascript.hide(времетраење);

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

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

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

javascript.hide();

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

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

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

javascript.hide(опции);

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

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

Пример

Ајде по притискање на копчето #test, постепенно да го скриеме параграфот со методот hide. Со пренесување на клучниот збор slow, ќе ја поставиме брзината на 600мс. По завршувањето на анимацијата ќе испечатиме во конзолата 'Animation complete':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

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