Метод toggle

Метод toggle элементларни мулоса кўрсатиш/беркитишни алмаштиради. Агар элемент кўрсатилган бўлса, у беркитилади ва аксинча.

Синтаксис

Беркилган вақтда миллисонияларда кўрсатиш, 400мс сустки холда:

javascript.toggle(давомийлик);

Вақтни фақат миллисонияларда эмас, балки калит сўзлар slow (600мс) ва fast (200мс) билан хам белгилаш мумкин, қиймат катта бўлса, анимация секинлашади:

javascript.toggle('slow' ёки 'fast');

display параметри билан true ёки false қийматини ўтказиш мумкин. Агар true бўлса, элемент фақат кўрсатилади, false - беркитилади:

javascript.toggle(display);

Агар параметрларни кўрсатмасангиз - анимация бўлмайди, элементлар дароқ кўрсатилади/беркитилади бир зумда:

javascript.toggle();

Шунингдек, иккинчи параметр сифатида мулоса функциясини, ва унинчи параметр сифатида callback-функцияни - анимация бажарилганидан сўнг ишга тушади. Иккала параметр хам мажбурий эмас:

javascript.toggle(давомийлик, [мулоса функцияси], [callback-функция]);

Содда иккинчи мажбурий бўлмаган параметр сифатида callback-функцияни ўтказиш мумкин - анимация бажарилганидан сўнг ишга тушади:

javascript.toggle(давомийлик, [callback-функция]);

Методга турли хил опцияларни бериш мумкин, JavaScript объекти шаклида, ичида калит: қиймат жуфтлари:

javascript.toggle(options);

Бундай объект куйидаги параметрлар ва функцияларни ўтказиши мумкин - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бу параметрларнинг тавсифини сиз animate методи учун кура оласиз. Масалан, давомийлик ва мулоса функциясини ўрнатайлик:

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

Мисол

Куйида тугма босилгандан сўнг, беркитилган абзацни toggle методи ёрдамида мулоса кўрсатамиз. Утказилган калит сўз slow, тезликни 600мс да ўрнайди. Такрор босилганда - беркитамиз:

html<button>матнни кўрсатиш</button>
<p style="display: none">матн</p>

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

Шунингдек куринг