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>мәтінді көрсету</button>
<p style="display: none">мәтін</p>

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

Сондай-ақ қараңыз

fadeToggle әдісі,
ол элементтердің мөлдірлігін өзгертеді
slideToggle әдісі,
ол элементтердің болаңды көрсету/жасыруын ауыстырып тұрады
show әдісі,
ол элементтерді болаңды көрсетеді
hide әдісі,
ол элементтерді болаңды жасырады