Kaedah slideUp dan slideDown dalam jQuery

Kaedah slideUp dan slideDown membolehkan "menggulung ke atas" dan "menggulung ke bawah" elemen semula (mereka juga menerima masa pelaksanaan kesan sebagai parameter, jika tidak dinyatakan - masa lalai akan diambil, 400ms). Bagaimana rupa nya - lihat pada contoh berikut.

Katakan kita mempunyai dua butang dan div:

html<button id="hide">sembunyi</button>
<button id="show">tunjuk</button>
<div id="elem">teks...</div>

CSS kelihatan seperti ini:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Sekarang kita tulis kaedah slideUp dan slideDown:

javascript$('#hide').click(function() {
  $('#elem').slideUp(1000);
});

$('#show').click(function() {
  $('#elem').slideDown(1000);
});