Metoda slideUp

Metoda slideUp fsheh butësisht elementet, duke i mbështjellë nga poshtë lart. T'i shfaqësh elementet mundet me ndihmën e metodës slideDown.

Sintaksa

Fshehja për një kohë të caktuar, 400ms si parazgjedhje:

javascript.slideUp(kohëzgjatja);

Kohën mund ta cakton jo vetëm në milisekonda, por edhe me fjalët kyçe slow (600ms) dhe fast (200ms), sa më e madhe vlera, aq më e ngadaltë animacioni:

javascript.slideUp('slow' ose 'fast');

Nëse nuk përcakton parametra - nuk do të ketë animacion, elementet do të fshihen në çast:

javascript.slideUp();

Mundet gjithashtu si parametër i dytë të kalosh një funksion për butësi, dhe si parametër i tretë një funksion callback - do të ekzekutohet pas përfundimit të animacionit. Të dy parametrat nuk janë të detyrueshëm:

javascript.slideUp(kohëzgjatja, [funksion butësie], [funksion callback]);

Metodës mund t'i dërgohen opsione të ndryshme, në formën e një objekti JavaScript, që përmban çifte çelës: vlerë:

javascript.slideUp(opsione);

Një objekt i tillë mund të dërgojë parametrat dhe funksionet e mëposhtme - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Përshkrim e këtyre parametrave mund të shihni për metodën animate. Për shembull, të vendosim kohëzgjatjen dhe funksionin e butësisë:

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

Shembull

Le të pas shtypjes së butonit, të fshehim butësisht div prind, që përmban input dhe butonin, me ndihmën e metodës slideUp (këtë div do ta gjejmë me ndihmën e metodës parent). Duke dërguar fjalën kyçe slow, do të vendosim shpejtësinë në 600ms. Në div me #test do të shkruajmë shkrimin 'Text is hidden':

html<div>
  <button>fsheh tekstin</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');
  });
});

Shihni gjithashtu