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