მეთოდი show

მეთოდი show ნაზად აჩვენებს დამალულ ელემენტებს. ელემენტების დამალვა შესაძლებელია მეთოდის hide გამოყენებით.

სინტაქსი

გამოჩენა მითითებული დროში მილიწამებში, 400მწმ ნაგულისხმევად:

.show(ხანგრძლივობა);

დროის მითითება შესაძლებელია არა მხოლოდ მილიწამებში, არამედ საკვანძო სიტყვებით slow (600მწმ) და fast (200მწმ), რაც უფრო დიდია მნიშვნელობა, მით უფრო ნელია ანიმაცია:

.show('slow' ან 'fast');

თუ პარამეტრები არ მიუთითებთ - ანიმაცია არ მოხდება, ელემენტები მყისიერად გამოჩნდებიან:

.show();

ასევე შესაძლებელია მეორე პარამეტრად გადავცეთ გლუვი ფუნქცია, ასევე მესამედ callback-ფუნქცია - გაეშვება ანიმაციის დასრულების შემდეგ. ორივე პარამეტრი არაა სავალდებულო:

.show(ხანგრძლივობა, [გლუვი ფუნქცია], [callback-ფუნქცია]);

მეთოდს შეგვიძლია გადავცეთ სხვადასხვა ოფციები, JavaScript-ის ობიექტის სახით, რომელიც შეიცავს წყვილებს გასაღები: მნიშვნელობა:

.show(ოფციები);

ასეთ ობიექტს შეუძლია გადასცეს შემდეგი პარამეტრები და ფუნქციები - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. ამ პარამეტრების აღწერილობა თქვენ შეგიძლიათ ნახოთ მეთოდისთვის animate. მაგალითად, დავაყენოთ ხანგრძლივობა და გლუვი ფუნქცია:

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

მაგალითი

მოდით ღილაკზე დაჭერის შემდეგ, ნაზად გამოვაჩინოთ დამალული აბზაცი მეთოდის show გამოყენებით. საკვანძო სიტყვის slow გადაცემით, ჩვენ დავაყენებთ სიჩქარეს 600მწმ-ზე. ანიმაციის დასრულების შემდეგ გამოვყოფთ კონსოლში 'ანიმაცია დასრულდა':

<button>გამოაჩინე ტექსტი</button>
<p style="display: none">ტექსტი</p>

$('button').click(function() {
	$('p').show('slow', function() {
		console.log('Animation complete')
	});
});

იხილეთ ასევე

მეთოდი hide,
რომელიც ნაზად ამალავს ელემენტებს
მეთოდი slideDown,
რომელიც ნაზად გამოაჩენს ელემენტებს
მეთოდი fadeIn,
რომელიც ნაზად გამოაჩენს დამალულ ელემენტებს, გახდის მათ გაუმჭვირვალეს