Метод 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,
у элементларни мулоса беркитади