Методи slideToggle
Методи slideToggle унсурҳои пинҳоншударо
нарм нишон медиҳад ва нишондодашударо пинҳон мекунад.
Синтаксис
Намоиш/пинҳон кардан барои муддати муайянкардашуда,
400ms бо пешфарз:
.slideToggle(дарозӣ);
Вақтро на танҳо дар миллисония, балки бо калимаҳои
калидии slow (600ms)
ва fast (200ms) ҳам муайян кардан мумкин аст,
қимати калонтар, суръати анимация пасттар:
.slideToggle('slow' ё 'fast');
Агар параметрҳоро муайян накунед - анимация вуҷуд надорад, унсурҳо дар лаҳза намоиш/пинҳон хоҳанд шуд:
.slideToggle();
Ҳамчунин метавонед ҳамчун параметри дуюм функсияи нармиро, ва ҳамчун параметри сеюм callback-функсияро гузаронед - пас аз анҷом анимация кор мекунад. Ҳарду параметр ихтиёрӣ ҳастанд:
.slideToggle(дарозӣ, [функсияи нармӣ], [callback-функсия]);
Ба метод гуногун имконотро гузарондан мумкин аст, дар шакли объекти JavaScript, ки дар бар гирандаи ҷуфтҳои калид: қимат мебошад:
.slideToggle(options);
Чунин объект метавонад параметрҳо ва функсияҳои
зайлро гузаронад - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Тавсифи
ин параметрҳоро шумо метавонед барои метода
animate бубинед. Масалан,
дарозӣ ва функсияи нармиро муқаррар кунем:
.slideToggle( {duration: 600, easing: easeInSine} );
Намуна
Биёед пас аз фишурдани тугма, ба таври нарм пинҳон кунем
div-и волидайн, ки дар бар гирандаи абзацҳо аст,
бо ёрии методи slideToggle (ин div
мо бо ёрии метода
parent пайдо мекунем),
пас аз фишурдани такрории тугма, div боз
ба таври нарм нишон дода мешавад ва ғайра. Калимаи калидии
slow-ро гузаронед, мо суръатро ба 600ms муқаррар мекунем:
<button>toggle text</button>
<div>
<p id='test'>text text text text text text text</p>
<p>text text text text text text text</p>
<p>text text text text text text text</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
