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