მეთოდი slideUp

მეთოდი slideUp ნაზად აქრობს ელემენტებს, ზემოდან ქვემოთ დახვევით. ელემენტების ჩვენება შესაძლებელია მეთოდის slideDown დახმარებით.

სინტაქსი

დამალვა მოცემულ დროში, 400ms ნაგულისხმევად:

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

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

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

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

.slideUp();

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

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

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

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

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

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

მაგალითი

მოდით ღილაკზე დაწკაპების შემდეგ, ნაზად დავმალოთ მშობელი div, რომელიც შეიცავს ინფუთს და ღილაკს, მეთოდის slideUp დახმარებით (ეს div ჩვენ ვიპოვით მეთოდის parent დახმარებით). საკვანძო სიტყვის slow გადაცემით, ჩვენ დავაყენებთ სიჩქარეს 600ms-ზე. div-ში #test ჩვენ გამოვსახავთ წარწერას 'Text is hidden':

<div>
	<button>დამალე ტექსტი</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

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

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

მეთოდი slideDown,
რომელიც ნაზად აჩვენებს ელემენტებს
მეთოდი slideToggle,
რომელიც ერთმანეთს ცვლის ნაზი ჩვენება/დამალვის ელემენტებს
მეთოდი fadeOut,
რომელიც ნაზად აქრობს ელემენტებს, გახდის მათ გამჭვირვალე
მეთოდი hide,
რომელიც ნაზად აქრობს ელემენტებს