Метод show
Метод show яширин элементларни
мулук курсатади. Элементларни яшириш учун
hide
методидан фойдаланиш мумкин.
Синтаксис
Белгиланган вақтда (миллисекундларда) курсатиш,
400мс суньий холда:
.show(давомлилик);
Вақтни фақат миллисекундларда эмас, балки
slow (600мс) ва fast
(200мс) калит сўзлари билан хам белгилаш мумкин,
қиймат катта бўлгани сари анимация секинлашади:
.show('slow' ёки 'fast');
Агар параметрларни кўрсатмасангиз - анимация бўлмайди, элементлар зўриқча курсатилади:
.show();
Шунингдек, иккинчи параметр сифатида мулуклик функциясини, ва учинчи параметр сифатида callback-функцияни - анимация тугаганидан сўнг ишлайди, берish мумкин. Иккала параметр хам ихтиёрий:
.show(давомлилик, [мулуклик функцияси], [callback-функция]);
Методга турли хил опцияларни, JavaScript объекти шаклида, ичida калит: қиймат жуфтлари сақланган холда, бериш мумкин:
.show(options);
Бундай объект куйидаги параметрлар ва функцияларни
берa олади - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Бу
параметрларнинг тавсифини сиз
animate
методи учун кўра олишингиз мумкин. Масалан,
давомлилик ва мулуклик функциясини ўрнатамиз:
.show( {duration: 800, easing: easeInSine} );
Мисол
Куйида тугма босилгандан сўнг, show
методи ёрдамида яширин абзацни мулук курсатамиз.
slow калит сўзини бериб, биз тезликни
600мс га ўрнатамиз. Анимация тугаганидан сўнг
консолга 'Анимация тугади' деб чиқарамиз:
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
