Метод hide

Метод hide постепено крије елементе. Приказати елементе се може помоћу методе show.

Синтакса

Нестајање у задатом времену, 400ms подразумевано:

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

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

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

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

javascript.hide();

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

javascript.hide(трајање, [функција еасинга], [callback функција]);

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

javascript.hide(options);

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

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

Пример

Хајде да након клика на дугме #test, постепено сакријемо пасус помоћу методе hide. Проследивши кључну реч slow, поставићемо брзину на 600ms. Након завршетка анимације исписаћемо у конзолу 'Animation complete':

html<button id="test">сакриј текст</button>
<p>текст</p>

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

Види још