slideUp методу
slideUp методу элементтерди төмөнөн жогору карай жумшак жашырат. Элементтерди
slideDown методу менен көрсөтсө болот.
Синтаксис
Белгиленген убакытта жашыруу,
400мс демейки:
.slideUp(узактыгы);
Убакытты миллисекунд менен гана эмес, баш сөздөр менен да белгилесе болот:
slow (600мс)
жана fast (200мс), мааниси чоң болсо,
анимация жайыраак болот:
.slideUp('slow' же 'fast');
Эгер параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер дароо жашырылат:
.slideUp();
Экинчи параметр катары жумшактык функциясын берүүгө, үчүнчү параметр катары callback-функцияны берүүгө болот - ал анимация аяктагандан кийин иштейт. Эки параметр да милдеттүү эмес:
.slideUp(узактыгы, [жумшактык функциясы], [callback-функция]);
Методго ар кандай опцияларды берүүгө болот, JavaScript объектиси түрүндө, камтыган ачкыч: маани жуптары:
.slideUp(options);
Мындай объект төмөнкү
параметерлер менен функцияларды бере алат - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Бул
параметерлердин сүрөттөлүшүн сиз
animate методу үчүн көрө аласыз. Мисалы,
узактыкты жана жумшактык функциясын орнотолу:
.slideUp( {duration: 800, easing: easeInSine} );
Мисал
Кнопканы баскандан кийин, жумшак түрдө жашыралы
div ата-энесин, ал input
жана кнопканы камтыйт, slideUp методу менен (бул
div табабыз
parent методунун жардамы менен).
slow баш сөзүн берүү менен, биз
ылдамдыкты 600мс кылабыз. div ичинде #test
'Text is hidden' жазуусун чыгарабыз:
<div>
<button>текстти жашыр</button>
<input type="text" value="aaa">
</div>
<div id="test"></div>
$('button').click(function() {
$(this).parent().slideUp('slow', function() {
$('#test').text('Text is hidden');
});
});
Ошондой эле караңыз
-
slideDownметоду,
элементтерди жумшак көрсөтөт -
slideToggleметоду,
элементтердин жумшак көрүнүшүн/жашырылышын алмаштырат -
fadeOutметоду,
элементтерди жумшак жашырат, аларды тунук кылат -
hideметоду,
элементтерди жумшак жашырат