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');
});
