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