მეთოდი toggle

მეთოდი toggle ერთმანეთს ცვლის ელემენტების ნაზ ჩვენებას/დამალვას. თუ ელემენტი ნაჩვენებია, ის დაიმალება და პირიქით.

სინტაქსი

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

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

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

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

პარამეტრით display შესაძლებელია გადაეცეს მნიშვნელობა true ან false. თუ true, ელემენტი მხოლოდ გამოჩნდება, false - დაიმალება:

.toggle(display);

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

.toggle();

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

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

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

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

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

.toggle(options);

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

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

მაგალითი

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

<button>show text</button>
<p style="display: none">text</p>

$('button').click(function() {
	$('p').toggle('slow');
});

იხილეთ ასევე

მეთოდი fadeToggle,
რომელიც ცვლის ელემენტების გამჭვირვალობას
მეთოდი slideToggle,
რომელიც ერთმანეთს ცვლის ელემენტების ნაზ ჩვენებას/დამალვას
მეთოდი show,
რომელიც ნაზად აჩვენებს ელემენტებს
მეთოდი hide,
რომელიც ნაზად აფარებს ელემენტებს