Hide әдісі
hide әдісі элементтерді бірқалыпты жасырады. Элементтерді
show
әдісінің көмегімен көрсетуге болады.
Синтаксис
Берілген уақыт ішінде жоғалу,
400мс әдепкі бойынша:
.hide(ұзақтығы);
Уақытты тек миллисекундпен емес,
сонымен қатар slow (600мс)
және fast (200мс) кілт сөздерімен де белгілеуге болады,
мән неғұрлым үлкен болса, анимация соғұрлым баяу болады:
.hide('slow' немесе 'fast');
Егер параметрлерді көрсетпесеңіз - анимация болмайды, элементтер лезде жасырылады:
.hide();
Сондай-ақ екінші параметр ретінде тегістік функциясын беруге болады, және үшінші callback-функцияны - анимация аяқталғаннан кейін іске қосылады. Екі параметр де міндетті емес:
.hide(ұзақтығы, [тегістік функциясы], [callback-функция]);
Әдіске әртүрлі опцияларды беруге болады, JavaScript нысаны түрінде, құрамында кілт: мән жұптары бар:
.hide(options);
Мұндай нысан келесі параметрлер мен функцияларды
бере алады - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Бұл
параметрлердің сипаттамасын сіз әдіс үшін көре аласыз
animate. Мысалы,
ұзақтықты және тегістік функциясын орнатайық:
.hide( {duration: 800, easing: easeInSine} );
Мысал
#test батырмасын басқаннан кейін, абзацты
hide әдісінің көмегімен бірқалыпты жасырайық.
slow кілт сөзін беру арқылы, жылдамдықты
600мс деп орнатамыз. Анимация аяқталғаннан кейін
консольге 'Animation complete' шығарамыз:
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
