Метод show

Метод show постепено приказује скривене елементе. Сакривање елемената се може обавити методом hide.

Синтакса

Приказ у задатом времену у милисекундама, 400мс подразумевано:

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

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

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

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

javascript.show();

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

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

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

javascript.show(options);

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

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

Пример

Хајде да након клика на дугме, постепено прикажемо скривени пасус помоћу методе show. Прослеђивањем кључне речи slow, поставићемо брзину на 600мс. Након завршетка анимације исписаћемо у конзолу 'Анимација завршена':

html<button>show text</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Погледајте такође