Метод slideToggle
Метод slideToggle беркитилган элементларни
мулук кўрсатади ва кўрсатилганларни беркитади.
Синтаксис
Белгиланган вақт ичида кўрсатиш/беркитиш,
400мс сустки холда:
.slideToggle(давомийлик);
Вақтни фақат миллисонияларда эмас, балки
slow (600мс) ва fast (200мс)
калит сўзлари билан хам белгилаш мумкин, қиймат катта бўлса,
анимация секинлашади:
.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 ўтказсак, биз тезликни 600мс га ўрнаймиз:
<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');
});