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մս: Անիմացիայի ավարտից հետո կտպենք
կոնսոլում 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
