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