Kaedah slideUp

Kaedah slideUp menyembunyikan elemen secara lancar, menggulungnya dari bawah ke atas. Menunjukkan elemen boleh dilakukan dengan kaedah slideDown.

Sintaks

Menyembunyikan dalam tempoh masa yang ditetapkan, 400ms secara lalai:

javascript.slideUp(duration);

Masa boleh ditetapkan bukan hanya dalam milisaat, tetapi juga dengan kata kunci slow (600ms) dan fast (200ms), semakin besar nilai, semakin perlahan animasi:

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

Jika parameter tidak dinyatakan - animasi tidak akan berlaku, elemen akan disembunyikan serta-merta:

javascript.slideUp();

Juga boleh menghantar fungsi kelancaran sebagai parameter kedua, dan fungsi panggilan balik ketiga - akan berfungsi selepas selesai animasi. Kedua-dua parameter adalah pilihan:

javascript.slideUp(duration, [fungsi kelancaran], [fungsi panggilan balik]);

Boleh menghantar pelbagai pilihan kepada kaedah, dalam bentuk objek JavaScript, yang mengandungi pasangan kunci: nilai:

javascript.slideUp(options);

Objek sedemikian boleh menghantar parameter dan fungsi berikut - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Penerangan parameter ini anda boleh lihat untuk kaedah animate. Sebagai contoh, mari tetapkan tempoh dan fungsi kelancaran:

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

Contoh

Mari selepas butang ditekan, sembunyikan secara lancar div induk, yang mengandungi input dan butang, dengan kaedah slideUp ( div ini akan kita cari dengan kaedah parent). Dengan menghantar kata kunci slow, kita akan menetapkan kelajuan kepada 600ms. Dalam div dengan #test kita akan output tulisan 'Text is hidden':

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

Lihat juga