Метод show

Метод show яширин элементларни мулук курсатади. Элементларни яшириш учун hide методидан фойдаланиш мумкин.

Синтаксис

Белгиланган вақтда (миллисекундларда) курсатиш, 400мс суньий холда:

javascript.show(давомлилик);

Вақтни фақат миллисекундларда эмас, балки slow (600мс) ва fast (200мс) калит сўзлари билан хам белгилаш мумкин, қиймат катта бўлгани сари анимация секинлашади:

javascript.show('slow' ёки 'fast');

Агар параметрларни кўрсатмасангиз - анимация бўлмайди, элементлар зўриқча курсатилади:

javascript.show();

Шунингдек, иккинчи параметр сифатида мулуклик функциясини, ва учинчи параметр сифатида callback-функцияни - анимация тугаганидан сўнг ишлайди, берish мумкин. Иккала параметр хам ихтиёрий:

javascript.show(давомлилик, [мулуклик функцияси], [callback-функция]);

Методга турли хил опцияларни, JavaScript объекти шаклида, ичida калит: қиймат жуфтлари сақланган холда, бериш мумкин:

javascript.show(options);

Бундай объект куйидаги параметрлар ва функцияларни берa олади - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бу параметрларнинг тавсифини сиз animate методи учун кўра олишингиз мумкин. Масалан, давомлилик ва мулуклик функциясини ўрнатамиз:

javascript.show( {duration: 800, easing: easeInSine} );

Мисол

Куйида тугма босилгандан сўнг, show методи ёрдамида яширин абзацни мулук курсатамиз. slow калит сўзини бериб, биз тезликни 600мс га ўрнатамиз. Анимация тугаганидан сўнг консолга 'Анимация тугади' деб чиқарамиз:

html<button>show text</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Шунингдек қаранг