slideUp методу

slideUp методу элементтерди төмөнөн жогору карай жумшак жашырат. Элементтерди slideDown методу менен көрсөтсө болот.

Синтаксис

Белгиленген убакытта жашыруу, 400мс демейки:

javascript.slideUp(узактыгы);

Убакытты миллисекунд менен гана эмес, баш сөздөр менен да белгилесе болот: slow (600мс) жана fast (200мс), мааниси чоң болсо, анимация жайыраак болот:

javascript.slideUp('slow' же 'fast');

Эгер параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер дароо жашырылат:

javascript.slideUp();

Экинчи параметр катары жумшактык функциясын берүүгө, үчүнчү параметр катары callback-функцияны берүүгө болот - ал анимация аяктагандан кийин иштейт. Эки параметр да милдеттүү эмес:

javascript.slideUp(узактыгы, [жумшактык функциясы], [callback-функция]);

Методго ар кандай опцияларды берүүгө болот, JavaScript объектиси түрүндө, камтыган ачкыч: маани жуптары:

javascript.slideUp(options);

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

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

Мисал

Кнопканы баскандан кийин, жумшак түрдө жашыралы div ата-энесин, ал input жана кнопканы камтыйт, slideUp методу менен (бул div табабыз parent методунун жардамы менен). slow баш сөзүн берүү менен, биз ылдамдыкты 600мс кылабыз. div ичинде #test 'Text is hidden' жазуусун чыгарабыз:

html<div>
  <button>текстти жашыр</button>
  <input type="text" value="aaa">
</div>
<div id="test"></div>

javascript$('button').click(function() {
  $(this).parent().slideUp('slow', function() {
    $('#test').text('Text is hidden');
  });
});

Ошондой эле караңыз