მეთოდი 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')
  });
});

იხილეთ აგრეთვე