Усули 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,
ки унсурҳоро бо нармӣ пинҳон мекунад