show մեթոդը

show մեթոդը սահուն կերպով ցուցադրում է թաքնված էլեմենտները: Էլեմենտները թաքցնելու համար կարող եք օգտագործել hide մեթոդը:

Շարահյուսություն

Ցուցադրում տվյալ ժամանակով միլիվայրկյաններով, լռելյայն 400մս:

javascript.show(տևողություն);

Ժամանակը կարելի է նշել ոչ միայն միլիվայրկյաններով, այլեւ բանալիային բառերով slow (600մս) եւ fast (200մս), որքան մեծ է արժեքը, այնքան դանդաղ է անիմացիան:

javascript.show('slow' կամ 'fast');

Եթե պարամետրեր չնշեք - անիմացիա չի լինի, էլեմենտները կցուցադրվեն ակնթարթորեն:

javascript.show();

Կարելի է նաեւ երկրորդ պարամետրով փոխանցել սահունության ֆունկցիա, իսկ երրորդով՝ callback-ֆունկցիա - կգործի անիմացիայի ավարտից հետո: Երկու պարամետրերը էլ օպցիոնալ են:

javascript.show(տևողություն, [սահունության ֆունկցիա], [callback-ֆունկցիա]);

Կարելի է մեթոդին փոխանցել տարբեր ընտրանքներ, JavaScript օբյեկտի տեսքով, որը պարունակում է բանալի: արժեք զույգեր:

javascript.show(ընտրանքներ);

Նման օբյեկտը կարող է փոխանցել հետեւյալ պարամետրերն ու ֆունկցիաները - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always: Այս պարամետրերի նկարագրությունը դուք կարող եք տեսնել animate մեթոդի համար: Օրինակ, սահմանենք տևողությունն ու սահունության ֆունկցիան:

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

Օրինակ

Եկեք կոճակը սեղմելուց հետո սահուն ցուցադրենք թաքնված պարբերությունը show մեթոդի միջոցով: Փոխանցելով բանալիային բառը slow, մենք կսահմանենք արագությունը 600մս: Անիմացիայի ավարտից հետո կտպենք կոնսոլում 'Animation complete':

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

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

Տես նաեւ