slideToggle մեթոդը
slideToggle մեթոդը հարթ կերպով ցույց է տալիս
թաքնված տարրերը և թաքցնում ցուցադրվածները:
Շարահյուսություն
Ցուցադրում/թաքցնում տրված ժամանակում,
լռելյայն 400մվ:
.slideToggle(տեւողություն);
Ժամանակը կարելի է տալ ոչ միայն միլիվայրկյաններով,
այլ նաև ծառայողական բառերով՝ slow (600մվ)
և fast (200մվ), որքան մեծ է արժեքը,
այնքան դանդաղ է անիմացիան:
.slideToggle('slow' կամ 'fast');
Եթե պարամետրերը չնշել՝ անիմացիա չի լինի, տարրերը կ ցուցադրվեն/կթաքնվեն ակնթարթորեն:
.slideToggle();
Կարելի է նաև երկրորդ պարամետրով փոխանցել հարթության ֆունկցիա, իսկ երրորդով՝ callback-ֆունկցիա - կգործի անիմացիայի ավարտից հետո: Երկու պարամետրերը նույնպես ընտրովի են:
.slideToggle(տեւողություն, [հարթության ֆունկցիա], [callback-ֆունկցիա]);
Կարելի է մեթոդին փոխանցել տարբեր ընտրանքներ, JavaScript օբյեկտի տեսքով, որը պարունակում է բանալի: արժեք զույգեր:
.slideToggle(ընտրանքներ);
Նման օբյեկտը կարող է փոխանցել հետևյալ
պարամետրերն ու ֆունկցիաները՝ duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always: Այս
պարամետրերի նկարագրությունը կարող եք տեսնել animate մեթոդի համար: Օրինակ,
դնենք տեւողությունն ու հարթության ֆունկցիան:
.slideToggle( {duration: 600, easing: easeInSine} );
Օրինակ
Եկեք կոճակը սեղմելուց հետո, հարթ թաքցնենք
ծնող div-ը, որը պարունակում է պարբերություններ,
slideToggle մեթոդի օգնությամբ (այս div-ը
մենք կգտնենք parent մեթոդի օգնությամբ),
կոճակը կրկին սեղմելուց հետո, div-ը կ
կրկին հարթ ցուցադրվի և այլն: Փոխանցելով ծառայողական բառ
slow, մենք կդնենք արագությունը 600մվ:
<button>toggle text</button>
<div>
<p id='test'>text text text text text text text</p>
<p>text text text text text text text</p>
<p>text text text text text text text</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
