slideUp մեթոդը

slideUp մեթոդը հարթ կերպով թաքցնում է տարրերը՝ դրանք ներքևից վերև ոլորելով: Ցուցադրել տարրերը կարելի է օգտագործելով slideDown մեթոդը:

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

Թաքցնել տվյալ ժամանակում, լռելյայն 400մվ:

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

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

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

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

javascript.slideUp();

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

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

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

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

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

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

Օրինակ

Եկեք կոճակը սեղմելուց հետո, հարթ կերպով թաքցնենք ծնողական div-ը, որը պարունակում է դաշտը և կոճակը, օգտագործելով slideUp մեթոդը (այս div-ը մենք կգտնենք օգտագործելով parent մեթոդը): Փոխանցելով slow բանալիային բառը, մենք կսահմանենք արագությունը 600մվ: div-ում #test նշանակությամբ մենք կցուցադրենք 'Text is hidden' գրությունը:

html<div>
  <button>թաքցնել տեքստը</button>
  <input type="text" value="aaa">
</div>
<div id="test"></div>

javascript$('button').click(function() {
  $(this).parent().slideUp('slow', function() {
    $('#test').text('Text is hidden');
  });
});

Տես նաև