Hide մեթոդը

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

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

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

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

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

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

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

javascript.hide();

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

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

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

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

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

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

Օրինակ

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

html<button id="test">թաքցնել տեքստը</button>
<p>տեքստ</p>
javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Տես նաեւ

  • show մեթոդը,
    որը հարթ կերպով ցույց է տալիս էլեմենտները
  • slideUp մեթոդը,
    որը հարթ կերպով թաքցնում է էլեմենտները
  • fadeOut մեթոդը,
    որը հարթ կերպով թաքցնում է էլեմենտները՝ դարձնելով դրանք թափանցիկ