Методот hide
Методот hide постепенно ги скрива елементите. Да се прикажат
елементите може со методот
show.
Синтакса
Исчезнување за зададено време,
400мс по default:
.hide(времетраење);
Времето може да се зададе не само во милисекунди,
туку и со клучни зборови slow (600мс)
и fast (200мс), колку е поголема вредноста,
толку е побавна анимацијата:
.hide('slow' или 'fast');
Ако не се наведат параметри - нема да има анимација, елементите ќе се скриваат моментално:
.hide();
Може исто така како втор параметар да се пренесе функција за забавување, како и трет callback-функција - ќе се активира по извршувањето на анимацијата. Двата параметри не се задолжителни:
.hide(времетраење, [функција за забавување], [callback-функција]);
На методот може да му се пренесат различни опции, во форма на JavaScript објект, кој содржи парови ключ: вредност:
.hide(опции);
Ваков објект може да пренесува следниве
параметри и функции - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Опис
на овие параметри може да ги видите за методот
animate. На пример,
да ја поставиме времетраењето и функцијата за забавување:
.hide( {duration: 800, easing: easeInSine} );
Пример
Ајде по притискање на копчето #test, постепенно
да го скриеме параграфот со методот hide. Со пренесување
на клучниот збор slow, ќе ја поставиме брзината
на 600мс. По завршувањето на анимацијата ќе испечатиме во
конзолата 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
