Метод hide
hide методу элементтерди жумшак жашырат. Элементтерди
show
методу менен көрсөтсө болот.
Синтаксис
Берилген убакыт аралыгында жоголуу,
демейки абалда 400мс:
.hide(узактыгы);
Убакытты миллисекунд менен гана эмес,
slow (600мс) жана
fast (200мс) деген ачкыч сөздөр менен да
белгилесе болот, мааниси чоң болгон сайын анимация баягыраак болот:
.hide('slow' же 'fast');
Эгер параметрлерди көрсөтпөсөңüz - анимация болбойт, элементтер дароо жашырылат:
.hide();
Ошондой эле экинчи параметр катары жумшактык функциясын, үчүнчү параметр катары callback-функциясын - анимация аяктагандан кийин иштеген функцияны берүүгө болот. Эки параметр да милдеттүү эмес:
.hide(узактыгы, [жумшактык функциясы], [callback-функция]);
Методко ар кандай опцияларды, JavaScript объектиси түрүндө, өз ичине ачкыч: маани жуптарын алып жүрүүчү нерсени берүүгө болот:
.hide(опциялар);
Мындай объект төмөнкү
параметрлерди жана функцияларды өткөрүп бериши мүмкүн - 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">текстти жашыр</button>
<p>текст</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Анимация аяктады')
});
});
