მეთოდი hide
მეთოდი hide ნაზად აქრობს ელემენტებს. ელემენტების ჩვენება
შესაძლებელია მეთოდის
show
დახმარებით.
სინტაქსი
გაქრობა მოცემულ დროში,
400მწმ ნაგულისხმევად:
.hide(ხანგრძლივობა);
დროის მითითება შესაძლებელია არა მხოლოდ მილიწამებში,
არამედ საკვანძო სიტყვებით slow (600მწმ)
და fast (200მწმ), რაც უფრო დიდია მნიშვნელობა,
მით უფრო ნელია ანიმაცია:
.hide('slow' ან 'fast');
თუ პარამეტრები არ არის მითითებული - ანიმაცია არ მოხდება, ელემენტები მყისიერად დაიფარება:
.hide();
ასევე შესაძლებელია მეორე პარამეტრად გადაცემა იყოს დაგლუვების ფუნქცია, ხოლო მესამედ - callback-ფუნქცია - გაეშვება ანიმაციის დასრულების შემდეგ. ორივე პარამეტრი არააუცილებელია:
.hide(ხანგრძლივობა, [დაგლუვების ფუნქცია], [callback-ფუნქცია]);
მეთოდს შეუძლია გადასცეს სხვადასხვა ოფციები, JavaScript-ის ობიექტის სახით, რომელიც შეიცავს წყვილებს გასაღები: მნიშვნელობა:
.hide(ოფციები);
ასეთ ობიექტს შეუძლია გადასცეს შემდეგი
პარამეტრები და ფუნქციები - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. ამ
პარამეტრების აღწერა შეგიძლიათ ნახოთ მეთოდისთვის
animate. მაგალითად,
დავაყენოთ ხანგრძლივობა და დაგლუვების ფუნქცია:
.hide( {duration: 800, easing: easeInSine} );
მაგალითი
მოდით ღილაკზე #test დაწკაპუნების შემდეგ, ნაზად
დავმალოთ აბზაცი მეთოდის hide დახმარებით. საკვანძო სიტყვის
slow გადაცემით, ჩვენ დავაყენებთ სიჩქარეს
600მწმ-ზე. ანიმაციის დასრულების შემდეგ გამოვიტანოთ
კონსოლში 'Animation complete':
<button id="test">დამალე ტექსტი</button>
<p>ტექსტი</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
